comiCSS
LightNews LightNews
banner
comicss.art
comiCSS
@comicss.art
580 followers 150 following 530 posts
A webcomic about CSS. Coded in CSS.

Webcomic : comicss.art
Support : www.patreon.com/comicss
Author: @alvaromontoro.com
Posts Replies Media Videos
Reposted by comiCSS
css-only.dev
πŸ’‘ CSS Tip!

Percentage heights are always a nightmare, but what if we can solve all of the problems with one line of code?

css-tip.com/percentage-h...

It may look strange and unreadable, but it will be a lifesaver and probably your new favorite CSS trick in the future!
Overview of the CSS code from the provided link
February 10, 2026 at 11:19 AM
comicss.art
New comic #237: Comics in CSS
comicss.art/comics/237/

#css #html #webdev #comic
cartoon with 4 panels in a 2x2 grid showing two people talking. One says 'I am coding a new comic with CSS' The other one replies surprised 'Why with CSS? Won't it look terrible?' and the first one comes back with 'It probably will. But, who cares? Have you seen what's out there now?' Then both smile big while looking outside towards the reader.
February 9, 2026 at 12:41 PM
comicss.art
comiCSS #122: Astronaut
comicss.art/comics/122/a...

February 8, 2024 – This is one of my favorites cartoon in that series. The code is supposed to be based on Bowie's Space Oddity but, the more I read it, the less I see it πŸ˜…

#css #cartoon #webdev
astronaut: a minimalistic cartoon of a person in an astronaut suit with many stars in the. background. Next to the following CSS code: .astronaut { elevation: above; isolation: isolate; flow-from: spaceship; flow-to: outerspace; transition: float; }
February 6, 2026 at 12:09 PM
comicss.art
Thanks for the PR.

You just became contributor #2 at comiCSS :)
February 6, 2026 at 11:53 AM
comicss.art
Let me know if you want to try it, I can take the feedback
February 6, 2026 at 12:24 AM
comicss.art
If you liked today's game, I have another one that is slightly more difficult and you may like better πŸ˜‰
February 6, 2026 at 12:20 AM
comicss.art
Thanks for the feedback. I updated the game so now it has a unique solution. comicss.art/games/6/
Break the Code - comiCSS
comiCSS Games: games about CSS. Coded in CSS (mostly).
comicss.art
February 5, 2026 at 6:16 PM
comicss.art
I completely missed this one πŸ€¦β€β™‚οΈ

Ok, I'll update the game in a little bit.
February 5, 2026 at 6:00 PM
Reposted by comiCSS
comicss.art
Do you like the NYT Connections game? Do you like CSS? Then the new comiCSS game is for you! 😊

4Connect: comicss.art/games/8/

#CSS #Game
comiCSS
comiCSS Games: games about CSS. Coded in CSS (mostly).
comicss.art
February 5, 2026 at 2:11 AM
comicss.art
Do you like the NYT Connections game? Do you like CSS? Then the new comiCSS game is for you! 😊

4Connect: comicss.art/games/8/

#CSS #Game
comiCSS
comiCSS Games: games about CSS. Coded in CSS (mostly).
comicss.art
February 5, 2026 at 2:11 AM
comicss.art
I don't even know if this is a conspiracy theory at all. Just "business as usual" at WP πŸ˜…
February 2, 2026 at 6:21 PM
Reposted by comiCSS
comicss.art
New release: Web Development Conspiracy
comicss.art/comics/234/

Unleash your inner conspiracy-loving side and craft your own wild web development theory with this mad-lib table! πŸ˜„

#css #webdev #joke
Create your own web development theory with this mad-lib table! First column: Pick your birthday month January – HTML February – CSS March – JavaScript April – ReactJS May – Vercel June – TailwindCSS July – WordPress August – Chrome September – Safari October – Firefox November – The W3C December – The Internet Second column: Pick your favorite color Red – is being rewritten in a basement by Orange – was invented to distract us from Yellow – is part of a covert project led by Green – exists to hide the truth about Blue – is just a front for Indigo – was a failed experiment by Violet – secretly dreams of being White – whispers bad advice inspired by Gray – is secretly under the control of Black – is slowly being replaced by Brown – is running outdated dependencies from Pink – is propaganda created by Third column: Pick your first initial A, B – three raccoons in a trenchcoat. C, D – a time traveler stuck in Internet Explorer 6. E, F – the necromancer of Netscape Navigator. G, H – the "new IE." I, J – the CSS Working Group's secret branch. K, L – jQuery. M, N – that voice that tells you to use !important. O, P – the ghosts of deprecated HTML tags. Q, R – a secret group of Stack Overflow moderators. S, T – a dev who claims "it's working on my machine!" U, V, W – an AI trained in W3Schools articles. X, Y, Z – a sentient marquee tag.
February 2, 2026 at 3:07 AM
Reposted by comiCSS
comicss.art
Tomorrow is Groundhog Day. Remember: if Phil sees his shadow, that's 6 more Tailwind classes (in every HTML tag, in every page)

#css #cssArt #joke #groundhogDay
Illustration of a groundhog in kawaii style with the text "If Phils sees his shadow... six more Tailwind classes!"
February 1, 2026 at 2:34 PM
comicss.art
Mine is: "CSS is propaganda created by a time traveler stuck using Internet Explorer 6."
February 2, 2026 at 3:07 AM
comicss.art
New release: Web Development Conspiracy
comicss.art/comics/234/

Unleash your inner conspiracy-loving side and craft your own wild web development theory with this mad-lib table! πŸ˜„

#css #webdev #joke
Create your own web development theory with this mad-lib table! First column: Pick your birthday month January – HTML February – CSS March – JavaScript April – ReactJS May – Vercel June – TailwindCSS July – WordPress August – Chrome September – Safari October – Firefox November – The W3C December – The Internet Second column: Pick your favorite color Red – is being rewritten in a basement by Orange – was invented to distract us from Yellow – is part of a covert project led by Green – exists to hide the truth about Blue – is just a front for Indigo – was a failed experiment by Violet – secretly dreams of being White – whispers bad advice inspired by Gray – is secretly under the control of Black – is slowly being replaced by Brown – is running outdated dependencies from Pink – is propaganda created by Third column: Pick your first initial A, B – three raccoons in a trenchcoat. C, D – a time traveler stuck in Internet Explorer 6. E, F – the necromancer of Netscape Navigator. G, H – the "new IE." I, J – the CSS Working Group's secret branch. K, L – jQuery. M, N – that voice that tells you to use !important. O, P – the ghosts of deprecated HTML tags. Q, R – a secret group of Stack Overflow moderators. S, T – a dev who claims "it's working on my machine!" U, V, W – an AI trained in W3Schools articles. X, Y, Z – a sentient marquee tag.
February 2, 2026 at 3:07 AM
comicss.art
New "cartoon" tomorrow. But if you are curious, you can see it early on Patreon (for free): www.patreon.com/posts/149411...
Web Development Conspiracies | comiCSS
Get more from comiCSS on Patreon
www.patreon.com
February 1, 2026 at 5:13 PM
comicss.art
🀞
February 1, 2026 at 2:46 PM
comicss.art
Tomorrow is Groundhog Day. Remember: if Phil sees his shadow, that's 6 more Tailwind classes (in every HTML tag, in every page)

#css #cssArt #joke #groundhogDay
Illustration of a groundhog in kawaii style with the text "If Phils sees his shadow... six more Tailwind classes!"
February 1, 2026 at 2:34 PM
comicss.art
Not to mention an amazing soundtrack.
February 1, 2026 at 1:31 PM
comicss.art
New cartoon for tomorrow. Available open today on Patreon.
www.patreon.com/posts/ground...
Groundhog Day | comiCSS
Get more from comiCSS on Patreon
www.patreon.com
January 31, 2026 at 8:05 PM
comicss.art
Next week's cartoon is not a cartoon per se, but I hope it's fun anyway... And it's already available on Patreon: www.patreon.com/posts/web-de...
Web Development Conspiracies | comiCSS
Get more from comiCSS on Patreon
www.patreon.com
January 31, 2026 at 5:05 AM
comicss.art
comiCSS #121: Basketball Player
comicss.art/comics/121/b...

February 7, 2024 – Some of the properties I used for this cartoon were a bit obscure, but it's not always easy finding common ones. In the live version, the ball spins all the time.

#css #webdev #cartoon
Basketball player: a minimalistic cartoon of a man spinning a basketball with one finger next to the following CSS code: .basketball-player { elevation: higher; min-height: 75in; max-height: 91in; will-change: position; play-during: url(#game); position: running(ball); flow: 'offense'; }
January 30, 2026 at 5:25 PM
Reposted by comiCSS
comicss.art
Biblically accurate CSS.
The new CSS logo (a purple square with rounded corners and the letters CSS at the bottom right) with 6 wings and 11 eyes.
January 30, 2026 at 2:43 AM
comicss.art
Biblically accurate CSS.
The new CSS logo (a purple square with rounded corners and the letters CSS at the bottom right) with 6 wings and 11 eyes.
January 30, 2026 at 2:43 AM
comicss.art
comiCSS #120: Dictator
comicss.art/comics/120/d...

February 6, 2024 – This cartoon is a bit darker than the others in the series, but I like it. I tried to convey an idea of confusion and control, that's why everything has !important and I used an overcomplicated nested rule.

#css #cartoon #webdev
Dictator: a minimalistic cartoon of a man in military attire with medals and sun glasses, next to the following CSS code: .dictator { position: fixed !important; will-change: order !important; opacity: 0 !important; border: double solid !important; .country:has(&) :not(.supporter) { will-change: orphans, widows !important; translate: 100vmax 0 !important; } }
January 29, 2026 at 10:36 PM