Amit Sheen (@amit_sheen) 's Twitter Profile
Amit Sheen

@amit_sheen

Experienced web developer, specializing in CSS, design systems, animations, and creative coding.

โ–ถ youtube.com/@CSScapism

ID: 1020412387541831680

linkhttp://www.AmitSh.com calendar_today20-07-2018 20:57:26

1,1K Tweet

5,5K Followers

531 Following

Yanai Edri (@yanaiedri) 's Twitter Profile Photo

ืชื•ื“ื” ืœื›ืœ ืžื™ ืฉื”ื’ื™ืข, ื‘ืจื›ื•ืช ืœื–ื•ื›ื™ื ื‘ื”ื’ืจืœื•ืช!!! ื›ืžื•ื‘ืŸ ืชื•ื“ื” ืœืžืจืฆื™ื Ariel Shulman ื• Amit Sheen !!! ื”ื™ื” ืืฉ!!!๐Ÿ”ฅ ื”ืžื™ื˜ืืค ื”ื‘ื ื™ื”ื™ื” ืื—ืจื™ ื”ื—ื’ื™ื!!!- ื™ื”ื™ื” ืžืคืชื™ืข ๐Ÿ˜‰ Show translation

ืชื•ื“ื” ืœื›ืœ ืžื™ ืฉื”ื’ื™ืข, ื‘ืจื›ื•ืช ืœื–ื•ื›ื™ื ื‘ื”ื’ืจืœื•ืช!!!
ื›ืžื•ื‘ืŸ ืชื•ื“ื” ืœืžืจืฆื™ื Ariel Shulman ื• <a href="/amit_sheen/">Amit Sheen</a>  !!!
ื”ื™ื” ืืฉ!!!๐Ÿ”ฅ
ื”ืžื™ื˜ืืค ื”ื‘ื ื™ื”ื™ื” ืื—ืจื™ ื”ื—ื’ื™ื!!!- ื™ื”ื™ื” ืžืคืชื™ืข ๐Ÿ˜‰
Show translation
Amit Sheen (@amit_sheen) 's Twitter Profile Photo

๐Ÿชถ New Article ๐Ÿชถ Are you as excited about CSS Day conference as I am? While browsing the conference website, I couldnโ€™t help but notice their big firebrick-red buttons... And the rest is in my latest article, where weย explore three different methods to animate buttons. Reanimating the

๐Ÿชถ New Article ๐Ÿชถ
Are you as excited about <a href="/CSSDayConf/">CSS Day conference</a> as I am? While browsing the conference website, I couldnโ€™t help but notice their big firebrick-red buttons... And the rest is in my latest article, where weย explore three different methods to animate buttons.

Reanimating the
Amit Sheen (@amit_sheen) 's Twitter Profile Photo

A few days ago, I came across this amazing pen by Konstantin Denerz โœจ. 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.

Amit Sheen (@amit_sheen) 's Twitter Profile Photo

Simmering Squares High saturation, low perspective, and lots of randomization. (No canvas, just a bunch of moving DOM elements) ๐Ÿ˜Ž Live demo on CodePen.IO: codepen.io/amit_sheen/fulโ€ฆ

Amit Sheen (@amit_sheen) 's Twitter Profile Photo

๐Ÿชถ 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

๐Ÿชถ 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
Amit Sheen (@amit_sheen) 's Twitter Profile Photo

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

Amit Sheen (@amit_sheen) 's Twitter Profile Photo

Following Ana Tudor ๐Ÿฏ๐Ÿ–ค๐ŸŒป 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) 's Twitter Profile Photo

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

Amit Sheen (@amit_sheen) 's Twitter Profile Photo

๐Ÿ“ข Today! In-person meetup. Food, drinks, mingling, and two interesting talks (one mine ๐Ÿ˜‰), see you at 18:00 at the Fireberry white-diamond building. ๐Ÿ”— meetup.com/frontendistim-โ€ฆ

Amit Sheen (@amit_sheen) 's Twitter Profile Photo

โœจ 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 Frontend Masters ๐Ÿ’ปโœจ: frontendmasters.com/blog/css-spotlโ€ฆ

Amit Sheen (@amit_sheen) 's Twitter Profile Photo

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.

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.
Amit Sheen (@amit_sheen) 's Twitter Profile Photo

Inspired by Akiyoshi Kitaoka, 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

Amit Sheen (@amit_sheen) 's Twitter Profile Photo

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.IO: codepen.io/amit_sheen/fulโ€ฆ

Amit Sheen (@amit_sheen) 's Twitter Profile Photo

One of the side topics of this CSS-packed weekend was undoubtedly Origami. And nils binder ๐Ÿณ๏ธโ€๐ŸŒˆ 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.IO: codepen.io/amit_sheen/fulโ€ฆ

Amit Sheen (@amit_sheen) 's Twitter Profile Photo

When one needs to disconnect a bit from the surrounding reality, one makes a satisfying endless #CSS animation. โ™พ๏ธInfinite wheel โ˜ธ๏ธ Live demo CodePen.IO: codepen.io/amit_sheen/fulโ€ฆ

Amit Sheen (@amit_sheen) 's Twitter Profile Photo

We're ba-ack! ๐ŸŽ‰ Get ready to have some serious fun with CSS! Kevin Powell 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: courses.kevinpowell.co/css-games-workโ€ฆ (get 25% off for the next 24 hours)

We're ba-ack! ๐ŸŽ‰

Get ready to have some serious fun with CSS!
<a href="/KevinJPowell/">Kevin Powell</a> 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: courses.kevinpowell.co/css-games-workโ€ฆ
(get 25% off for the next 24 hours)