amit_sheen Profile Banner
Amit Sheen Profile
Amit Sheen

@amit_sheen

Followers
6K
Following
3K
Media
461
Statuses
1K

Experienced web developer, specializing in design systems, animation, and creative coding. Passionate about pushing CSS to its limits.

Joined July 2018
Don't wanna be here? Send us removal request.
@amit_sheen
Amit Sheen
3 days
Hey friends, good news! ๐Ÿ“ฃ.Starting next week Iโ€™ll be available to take on a new project. Anything frontend that could use a creative touch. Development, consulting, and anything in between. Happy to chat if you have something interesting. Shares would be appreciated! ๐Ÿ™
0
3
18
@amit_sheen
Amit Sheen
4 days
Cute Shaking Skull โ˜บ๏ธ๐Ÿคโ˜ ๏ธ.(CSS only). Click the skull to shake it. ๐Ÿฅด. Live demo on @CodePen:
1
0
16
@amit_sheen
Amit Sheen
7 days
Itโ€™s my CodePen Proniversary! ๐ŸŽ‰. Celebrating another year as a PRO member on @CodePen. So much creativity, learning, and endless inspiration from the community. ๐Ÿคฏ. Huge thanks to the team for all the work theyโ€™ve done (and keep doing) in building and maintaining this amazing
Tweet media one
0
1
17
@amit_sheen
Amit Sheen
23 days
We're ba-ack! ๐ŸŽ‰. Get ready to have some serious fun with CSS!.@KevinJPowell and I are thrilled to bring back our CSS Games Workshop. ๐Ÿคฉ. Want to build awesome games with just CSS? Now's your chance! . Join us: (get 25% off for the next 24 hours)
Tweet media one
0
1
9
@amit_sheen
Amit Sheen
25 days
When one needs to disconnect a bit from the surrounding reality, one makes a satisfying endless #CSS animation. โ™พ๏ธInfinite wheel โ˜ธ๏ธ. Live demo @CodePen:
2
1
29
@amit_sheen
Amit Sheen
1 month
One of the side topics of this CSS-packed weekend was undoubtedly Origami. And @supremebeing09 reminded me that I'd done this. thing (what do you call that?!) a few years ago. (just refactored it now a little to use pure CSS). ๐Ÿ”— Live demo on @CodePen:
0
0
13
@amit_sheen
Amit Sheen
1 month
A couple of balls flying through a box of frames. #CSS only. ๐Ÿคฆ the things I'm doing while procrastinating instead of working on my presentation for #CSSDay next week. ๐Ÿ”— Live demo @CodePen:
1
1
23
@amit_sheen
Amit Sheen
1 month
RT @anothercohen: I'll never forgive ChatGPT for ruining em dashes for all of us.
0
567
0
@amit_sheen
Amit Sheen
1 month
Inspired by @AkiyoshiKitaoka, I made this pure #CSS, interactive, single div (well, single checkbox) optical illusion. There are only straight lines here, but they look like they're bulging outwards. Clicking the square changes the effect so that the lines appear to be slanting
2
5
46
@amit_sheen
Amit Sheen
1 month
Last night I gave a talk on 'things that were once impossible' with pure CSS, and showed how it can be done today. (Easily! ๐Ÿคฏ). Itโ€™s wild how powerful CSS became, and how much time and effort we can save by simply writing solid CSS that does what it was always meant to do.
Tweet media one
Tweet media two
Tweet media three
Tweet media four
0
0
18
@amit_sheen
Amit Sheen
1 month
โœจ New article is live: CSS Spotlight Effect. I asked myself what we could do with just the mouse position, and got to this fun simple effect. Hope you enjoy it, and maybe it will spark some new ideas for you too. ๐Ÿ˜Š. ๐Ÿ”— Check it out on @FrontendMasters:
1
8
53
@amit_sheen
Amit Sheen
2 months
๐Ÿ“ข Today!.In-person meetup. Food, drinks, mingling, and two interesting talks (one mine ๐Ÿ˜‰), see you at 18:00 at the Fireberry white-diamond building. ๐Ÿ”—
0
0
1
@amit_sheen
Amit Sheen
2 months
My European (and Australian) friends โ€“ are you ready for Eurovision tonight? . Not many people know this about me, but Iโ€™m a big fan of the contest and a regular viewer. So, to show my support for the best song this year (song #4 โ€“ donโ€™t forget to vote!), I built Yuval Raphaelโ€™s
0
2
22
@amit_sheen
Amit Sheen
2 months
Following @anatudor idea, I made an (almost) no-JS version of my Proximity Reactions experiment. All the JS does is pass the mouse position to CSS custom properties, and that's it. All calculations are done in #CSS using native math functions. All that's left now is to get the
@amit_sheen
Amit Sheen
2 months
I saw a great video by Oliviero Spinelli about Proximity Reactions in After Effects (link below) and thought I'd try to do something similar with some JS+CSS. ๐Ÿ˜Ž. I especially liked the way the shadow is cast, and there's a nice hack there, I'm using (forced) perspective to
6
18
121
@amit_sheen
Amit Sheen
2 months
I saw a great video by Oliviero Spinelli about Proximity Reactions in After Effects (link below) and thought I'd try to do something similar with some JS+CSS. ๐Ÿ˜Ž. I especially liked the way the shadow is cast, and there's a nice hack there, I'm using (forced) perspective to
1
4
33
@amit_sheen
Amit Sheen
3 months
๐Ÿชถ New Article ๐Ÿชถ."Am I a Sadistic Developer? Are You?". Have you ever stared at a piece of code and thought, What the hell was that person thinking?.Has anyone ever stared at your code and asked themselves the same thing?. That's exactly what my new article is about, and it's
Tweet media one
0
0
5
@amit_sheen
Amit Sheen
3 months
Simmering Squares. High saturation, low perspective, and lots of randomization. (No canvas, just a bunch of moving DOM elements) ๐Ÿ˜Ž. Live demo on @CodePen:
0
2
14
@amit_sheen
Amit Sheen
3 months
* The picture was taken from the car, up close the pattern looks really cool. ๐Ÿ˜ƒ
Tweet media one
0
0
1
@amit_sheen
Amit Sheen
3 months
I saw this interesting pattern on the entrance wall of a candy store in town (picture in the comments ๐Ÿ‘‡), and had to try to recreate it with #CSS, while munching on some sweets. ๐Ÿจ๐Ÿ˜‹. ๐Ÿ”—Demo on @Codepen: #CSSinRealLife
Tweet media one
1
1
14
@amit_sheen
Amit Sheen
3 months
A few days ago, I came across this amazing pen by @kdenerz. It was so beautiful and mesmerizing, that I knew right away I had to recreate it. This gooey effect (achieved through a combination of blur and contrast), is super cool and opens up a lot of creative possibilities.
@kdenerz
Konstantin Denerz โœจ
3 months
1
2
16