Hey! Welcome to my project page
Here you can see all my projects in CSS, Html including CSS Art, CSS Animation, websites, single Div & SVG.
I also have some games and animations in Scratch.
AND ... recently JavaScript !

That's why I called this page : "projects"
Sept 2021

Hypnotize Me


I'm very excited. This is my first JavaScript project. I made simple animation by grabing the DOM elements, defining functions and changing CSS in JavaScript.
The source code is available in my CodePen.

My project is fully responsive. You can watch a complete tutorial in my YouTube channel HERE

Enjoy hypnotizing my illustration :)


See in CodePen
Jul 2021

My Website


This is my website I created using Html and CSS. You can access it right HERE !
It is fully responsive because I used Flexbox and CSS Media Query. I also made an introduction about it that you can watch it HERE


See in GitHub
Apr 2021

CSS Button


This is the CSS button I used in my Projects page !
I explained it HERE


See in CodePen
Apr 2021

Superhero Elephant

This hero girl elephant is a SVG I created in Adobe Illustrator & animated in CSS. Her name is Eli. She can move her legs & trunk, also blink!
Watch my tutorial HERE & HERE


See in CodePen
Mar 2021

SingleDIV Rabbit

I made this Single DIV using lots of different CSS Gradients. It was a big challenge for me :)
You can see the tutorial HERE


See in CodePen
Feb 2021

Landing Page#2

This is another sample CSS & Html landscape I created just as an example to learn how to make websites :)


See in GitHub
Feb 2021

Landing Page#1

This is a sample CSS & Html landscape I created just as an example to learn how to make websites.


See in GitHub
Jan 2021

SingleDIV Panda

A Single DIV CSS Art made of CSS Gradients. I used 3 circles for the bowtie & put them together. Sorry bowtie isn't responsive & when you resize the page they run away!
Watch the tutorial HERE


See in CodePen
Jan 2021

Gradient Pallette

In this project, I tried to use diffrent CSS Gradients e.g. linear, radial, conic, repeating-radial & repeating-linear. I refer to it whenever I want to use Gradient somewhere ! :)


See in CodePen
Dec 2020

Merry Christmas

I made this Merry Christmas Card based on a handy craft at school.
To tell you "Merry Christmas & Happy New Year !"
Watch my tutorial HERE


See in CodePen
Dec 2020

cactus

Inspiered by This Pen I made this Cactus. Lots of code in Pseudo elements : after & before.


See in CodePen
Dec 2020

Rolling Ball

This is my first CSS Animation. I added the mouth and eyes later when I learned more about how to make shapes in CSS.
Watch tutorial HERE


See in CodePen
Nov 2020

CSS IS FUN !

This is my first CSS Project EVER !.
CSS is fun and I love it !
The day I decided to learn more about CSS because I love drawing and design. Watch my tutorial HERE


See in CodePen
Oct 2020

TIC-TAC-TOE Game

A complete choice of TIC-TAC-TOE game : 3*3, 4*4, 5*5, 6*6, 7*7
Watch tutorial HERE


See in Scratch
Aug 2020

Strawberry Catch Game

This is my favorite game. I myself enjoy playing with it! Play it & tell me if you enjoyed! Instruction in the link.
Watch the tutorial HERE


See in Scratch
Aug 2020

Paddle Game

Try kick the ball in this Paddle Game! play it in the link below.


See in Scratch
Sep 2020

Platformer Game

A simple Platformer Game.
Watch tutorial HERE


See in Scratch
Sep 2020

Beetle Game

A lovely Beetle Game in Scratch.
Watch tutorial HERE


See in Scratch
Sep 2020

Snake Game

A snake is seeking for apple to eat. Whenever he eats the apple it clones and gets longer !


See in Scratch