Forem

Ali Shata profile picture

Ali Shata

Frontend Developer 👨🏻‍💻 Calisthenics Athlete 💪🏼 Graphic Designer 🎨 Jack of some trades ⚓

Location Egypt Joined Joined on  Personal website https://twitter.com/alishata128 github website

Pronouns

Ali

Work

Content Creator, Developer

Colorful Binocular Navbar
Cover image for Colorful Binocular Navbar
alishata128 profile

Colorful Binocular Navbar

#showdev #codepen #css #webdev
1
Comments 1
1 min read

Want to connect with Ali Shata?

Create an account to connect with Ali Shata. You can also sign in below to proceed if you already have an account.

Create Account
Already have an account? Sign in
Blurry Fill Avatar Card 💎
Cover image for Blurry Fill Avatar Card 💎
alishata128 profile

Blurry Fill Avatar Card 💎

#showdev #codepen #webdev
1
Comments
1 min read
Blurry Card with Parallax Effect 💳
Cover image for Blurry Card with Parallax Effect 💳
alishata128 profile

Blurry Card with Parallax Effect 💳

#showdev #codepen #gsap #animation
1
Comments
1 min read
Slidy Growing Nav
Cover image for Slidy Growing Nav
alishata128 profile

Slidy Growing Nav

#showdev #codepen #css
Comments
1 min read
Gradual Blurred Gradience Triangles [CSS Only ! 🤩]
Cover image for Gradual Blurred Gradience Triangles [CSS Only ! 🤩]
alishata128 profile

Gradual Blurred Gradience Triangles [CSS Only ! 🤩]

#showdev #codepen #css
1
Comments
1 min read
CSS-only Shining Stroke ✨!
Cover image for CSS-only Shining Stroke ✨!
alishata128 profile

CSS-only Shining Stroke ✨!

#showdev #codepen #css
1
Comments
1 min read
"Trapped Alien" CSS Art & Animation
Cover image for "Trapped Alien" CSS Art & Animation
alishata128 profile

"Trapped Alien" CSS Art & Animation

#frontendchallenge #devchallenge #css
6
Comments 3
1 min read
"Insect Particlizer" an Experiment of combining Pixel Manipulation with CSS.
Cover image for "Insect Particlizer" an Experiment of combining Pixel Manipulation with CSS.
alishata128 profile

"Insect Particlizer" an Experiment of combining Pixel Manipulation with CSS.

#showdev #frontend #css #gamedev
Comments
1 min read
Cartoon Character in a Login Form !
Cover image for Cartoon Character in a Login Form !
alishata128 profile

Cartoon Character in a Login Form !

#showdev #webdev #css #beginners
Comments
1 min read
When Hovering on a Text becomes Sticky as GUM! 😱
Cover image for When Hovering on a Text becomes Sticky as GUM! 😱
alishata128 profile

When Hovering on a Text becomes Sticky as GUM! 😱

#showdev #css #javascript #frontend
Comments
1 min read
Make Every Second have a Theme! ⏰ using @property and hsl()
Cover image for Make Every Second have a Theme! ⏰ using @property and hsl()
alishata128 profile

Make Every Second have a Theme! ⏰ using @property and hsl()

#showdev #css #javascript #design
1
Comments
2 min read
Creating a Dynamic CSS 🌐Orb with Custom Properties and Gradients (One Element)!
Cover image for Creating a Dynamic CSS 🌐Orb with Custom Properties and Gradients (One Element)!
alishata128 profile

Creating a Dynamic CSS 🌐Orb with Custom Properties and Gradients (One Element)!

#showdev #webdev #css #tutorial
7
Comments
3 min read
Create a Cool Accordion with CSS! 📇👨‍💻
Cover image for Create a Cool Accordion with CSS! 📇👨‍💻
alishata128 profile

Create a Cool Accordion with CSS! 📇👨‍💻

#webdev #css #beginners #tutorial
3
Comments
3 min read
Project 1: Expanding Cards - My '50 Projects in 50 Days' Journey
Cover image for Project 1: Expanding Cards - My '50 Projects in 50 Days' Journey
alishata128 profile

Project 1: Expanding Cards - My '50 Projects in 50 Days' Journey

#showdev #css #javascript #frontend
Comments
1 min read
Poof☁️! Make Web Elements Disappear Like Magic with This Code Technique
Cover image for Poof☁️! Make Web Elements Disappear Like Magic with This Code Technique
alishata128 profile

Poof☁️! Make Web Elements Disappear Like Magic with This Code Technique

#javascript #css #webdev #tutorial
4
Comments 3
3 min read
World's First CSS-only Photo Cubes
Cover image for World's First CSS-only Photo Cubes
alishata128 profile

World's First CSS-only Photo Cubes

#showdev #css #javascript #webdev
Comments
1 min read
Transparentizing HTML Elements using CSS Only Part 1
Cover image for Transparentizing HTML Elements using CSS Only Part 1
alishata128 profile

Transparentizing HTML Elements using CSS Only Part 1

#css #webdev #tutorial #beginners
Comments
3 min read
How to create CSS Skewed Background ft. Pseudo Element
alishata128 profile

How to create CSS Skewed Background ft. Pseudo Element

#webdev #beginners #tutorial #css
Comments
2 min read
Create a Gradient Border with just 2 Lines of CSS
alishata128 profile

Create a Gradient Border with just 2 Lines of CSS

#webdev #tutorial #css #beginners
2
Comments
2 min read
How to make a rainfall-like the one in Matrix movie?
alishata128 profile

How to make a rainfall-like the one in Matrix movie?

#webdev #javascript #tutorial #html
Comments
3 min read
Unconventional Toggling Functionality in JS
alishata128 profile

Unconventional Toggling Functionality in JS

#webdev #javascript #programming #tutorial
Comments
2 min read
loading...