DEV Community

Cover image for CSS Is Dead!
Alvaro Montoro
Alvaro Montoro

Posted on • Originally published at Medium

CSS Is Dead!

This is the comic I coded this week for comiCSS. It is a silly joke drawn with HTML and CSS (you can see the source code here):

Cartoon in three panels: Death (a skeleton wearing a dark cloak with a smythe) receives a text message from JavaScript saying 'CSS is dead!' Disappointed, Death sighs: "That guy is so annoying... Maybe it's time I take another of its frameworks away..."

The design for this cartoon was inspired by two different drawings that I saw on Dribble:

I also created an animated version of the comic (available in Spanish too!), I hope you enjoy it:

NOTE: The animation only plays once. You may need to click on the "Rerun" button in the bottom right corner.

It was actually a lot of fun trying to animate the drawing. I normally don’t do much animation, mostly just drawing –and, of course, laying out content and website styling, I mean from a creative perspective–. So it was quite a challenge, to be honest.

I liked the result, but I’m not fully sold on things like eye movement or how Death restarts walking. I need to explore the animation properties and try to create new things that move and behave more naturally.

Links

Latest comments (41)

Collapse
 
raxraj profile image
Ashutosh Kumar

Death by flex!

Collapse
 
hiazhar profile image
Azhar Subair

Wonderful

Collapse
 
adelety profile image
Sita Tan

interesting! I love this!

Collapse
 
iampossessed profile image
iampossessed

Wow that's cool man. I mean the image, of course. Not CSS troubles.

Collapse
 
Sloan, the sloth mascot
Comment deleted
Collapse
 
samostanek profile image
Samuel Stanek

In a post-credit screen we discover that CSS is Death 💀👀

Collapse
 
alvaromontoro profile image
Alvaro Montoro

It always was 😈💀

Collapse
 
rumendimov profile image
Rumen Dimov

Wow, that's pretty cool!

Collapse
 
chriisduran profile image
Christopher Duran

ja, funny but interesting!

Collapse
 
dipanjan profile image
Dipanjan Ghosal

My god, this is incredible! You can probably make YouTube videos/streams while making these...

Collapse
 
alvaromontoro profile image
Alvaro Montoro

Sometimes, I share the drawing process on Youtube: youtube.com/alvaromontoro.
Twitch is something I've been exploring, but I'm not consistent.

Collapse
 
gulshanaggarwal profile image
Gulshan Aggarwal

Comic about CSS seems Cool !

Collapse
 
niza profile image
Ebenezer Enietan (Niza)

what a title!

Collapse
 
efpage profile image
Eckehard

What precisely does CSS mean?

Collapse
 
alvaromontoro profile image
Alvaro Montoro

Comic Strips & Styling.

Collapse
 
mustakimbee profile image
Md.Mustakim Ahmed

Cool 👌

Collapse
 
babar1532 profile image
ANKIT KUMAR

As a new guy in css world looks impossible to me.

Collapse
 
blessing0024 profile image
onome blessing

we share same feeling.... hope we get better soon

Collapse
 
alvaromontoro profile image
Alvaro Montoro

If it helps anything, what's showcased on this post is not something especially practical or useful for web development.

Some comments may only be visible to logged-in visitors. Sign in to view all comments.