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):
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.
Oldest comments (41)
Amazing, looks impossible. Good job
Looks cool, but I still don't know what "CSS is dead" means.
Every now and then a new JS library/framework pops up claiming that they are the best way of doing styling, and they are here to replace CSS. I tried to summarize that into a "CSS is dead!" message from JS, but maybe it's not too clear.
Oh, I see, but can you show me an example of a library that says that? In the end it's still CSS...
Yes, all end up generating/compiling into CSS in the end. They claim is that they are easier or that you won't need to do anything on the CSS side (all in JS or HTML.)
Haha, this is a fun way of making a comic! Well done!
This is really cool - thanks for sharing!
How long did this take to write?
The static cartoon took me less than 1 hour. Animating it took longer 😅
I suppose time doesn't matter so much if it's fun. It certainly looks like it was worth it!
Good Job
Thanks!
😢
Yeah css is a very cool language. Learning that makes life easier than including more cdn in your code
you still write css with css-in-js frameworks, its just in your javascript code, which has some advantages, like being able to easily reflect changes at runtime, without the need to manipulate css variables using js.
you mean: "Death in CSS"
That too 🤓
or death by CSS...
Famous last words:
Death by CSS Grid
CSS is dead.... long live CSS. 😂
Awesome animation, very well done.
nice man!!
As a new guy in css world looks impossible to me.
we share same feeling.... hope we get better soon
If it helps anything, what's showcased on this post is not something especially practical or useful for web development.
Cool 👌
What precisely does CSS mean?
Comic Strips & Styling.
what a title!
Some comments may only be visible to logged-in visitors. Sign in to view all comments.