Sign in

comiCSS

@comicss.art
622 followers 167 following 689 posts

A webcomic about CSS. Coded in CSS. Webcomic : comicss.art Support : www.patreon.com/comicss Author: @alvaromontoro.com

PostsRepliesMedia
comiCSS @comicss.art · 3h
I've been publishing this comic as a 2x2 grid, but I have been playing with other layouts. I kind of like the 3-panel strip, but then I'll need to squeeze more into each panel and I'm afraid it may look too clogged and busy.
comic in a 2x2 gridcomic in a 4x1 stripcomic in a 3x1 strip
021
Reposted by comiCSS
Álvaro Montoro @alvaromontoro.com · 29/09/2026
The W3C released a new HTML element out of nowhere. It was the element of <surprise>.
27215
Reposted by comiCSS
comiCSS @comicss.art · 28/09/2026
The latest comiCSS strip is about web accessibility and my "love" for meetings. It was inspired by a Twonks cartoon, giving it a web development/accessibility twist. comicss.art/comics/259/ As usual, it is coded using HTML and CSS. #comic #cartoon #accessibility #humor #joke #a11y
Comic with 4 panels stacked vertically. They all show a meeting room with 5 people sitting around a table. The lead says "before starting the meeting, let's introduce ourselves and go through the 31-point agenda", everybody else look concerned. One of them presses tab on their laptop, a "skip to main content" links pop up and he presses enter while all look surprised. Then the lead says "Ok. So let's start with the main topic" and everybody has a smile on their faces.
1286
comiCSS @comicss.art · 28/09/2026
The latest comiCSS strip is about web accessibility and my "love" for meetings. It was inspired by a Twonks cartoon, giving it a web development/accessibility twist. comicss.art/comics/259/ As usual, it is coded using HTML and CSS. #comic #cartoon #accessibility #humor #joke #a11y
Comic with 4 panels stacked vertically. They all show a meeting room with 5 people sitting around a table. The lead says "before starting the meeting, let's introduce ourselves and go through the 31-point agenda", everybody else look concerned. One of them presses tab on their laptop, a "skip to main content" links pop up and he presses enter while all look surprised. Then the lead says "Ok. So let's start with the main topic" and everybody has a smile on their faces.
1286
comiCSS @comicss.art · 21/09/2026
New comic: If CSS was like going to a restaurant (II) comicss.art/comics/258/ Coded in CSS and HTML. Did I reuse a lot of the code from a previous comic for this? Yes I did 😅. Am I ashamed? Not really 😂 #css #html #webdev #comic #cartoon
comic with 4 panels in a 2x2 grid. A person is typing some CSS on a laptop and getting more and more annoyed as a kid identidied as JS keeps running in the background and yelling
111
comiCSS @comicss.art · 20/09/2026
Trying Webcomic Studio. comicss.webcomic.studio
comicss.webcomic.studio
comiCSS
Nerdy cartoons and comics about web development in general, and CSS in particular. And all of it coded in HTML and CSS... for fun!
000
Reposted by comiCSS
comiCSS @comicss.art · 18/09/2026
New cartoon: Nobody will remember... comicss.art/comics/257/ As always, this CSS cartoon was coded in CSS (this one was pretty easy actually 😅). #css #meme #webdev
Nobody will remember...
- Your salary.
- How busy you were.
- How long you worked.
- How many fancy cars you had.

People will remember...
- How much you loved CSS.
- The amount of CSS facts you knew.
- That time you coded some neat CSS art.
- If you shared how cool CSS is.
062
comiCSS @comicss.art · 18/09/2026
New cartoon: Nobody will remember... comicss.art/comics/257/ As always, this CSS cartoon was coded in CSS (this one was pretty easy actually 😅). #css #meme #webdev
Nobody will remember...
- Your salary.
- How busy you were.
- How long you worked.
- How many fancy cars you had.

People will remember...
- How much you loved CSS.
- The amount of CSS facts you knew.
- That time you coded some neat CSS art.
- If you shared how cool CSS is.
062
Reposted by comiCSS
comiCSS @comicss.art · 16/09/2026
This comic from almost two years ago feels somewhat relevant lately... comicss.art/comics/174/ All coded with HTML (web components) and CSS. No AI used... And it got me into a weird Bluesky block list for using the name tag Tech Bro in a "pejorative" way. A win-win. #ai #webdev #comic
cartoon showing two characters. One is complaining that the AI Act is terrible and slows down progress in the EU. Then a panel describes an apocalyptic situation after AI replaces humans beings. The complaining character asks for potential solutions and ignores the other character when they continuosly reply 'AI Act'. In the last panel, a terminator has killed both characters.
053
comiCSS @comicss.art · 16/09/2026
This comic from almost two years ago feels somewhat relevant lately... comicss.art/comics/174/ All coded with HTML (web components) and CSS. No AI used... And it got me into a weird Bluesky block list for using the name tag Tech Bro in a "pejorative" way. A win-win. #ai #webdev #comic
cartoon showing two characters. One is complaining that the AI Act is terrible and slows down progress in the EU. Then a panel describes an apocalyptic situation after AI replaces humans beings. The complaining character asks for potential solutions and ignores the other character when they continuosly reply 'AI Act'. In the last panel, a terminator has killed both characters.
053
Reposted by comiCSS
comiCSS @comicss.art · 14/09/2026
New comic: If web development was like going to a restaurant (I) comicss.art/comics/256/ Comic coded in CSS using Web Components. #css #html #cartoon #comic #webdev
comic with 4 panels. a person types color:blue on a computer, a second person labelled CSS shows up and says 'here is your blue text' (with the text in blue), then a third panel with awkward silence and in the last panel CSS shows up a tablet asking for a tip and says 'aren't you forgetting something?'
162
comiCSS @comicss.art · 14/09/2026
New comic: If web development was like going to a restaurant (I) comicss.art/comics/256/ Comic coded in CSS using Web Components. #css #html #cartoon #comic #webdev
comic with 4 panels. a person types color:blue on a computer, a second person labelled CSS shows up and says 'here is your blue text' (with the text in blue), then a third panel with awkward silence and in the last panel CSS shows up a tablet asking for a tip and says 'aren't you forgetting something?'
162
comiCSS @comicss.art · 14/09/2026
All your CSS properties are belong to us.
000
comiCSS @comicss.art · 12/09/2026
If CSS was designed by cats: .meow { mew: purr; mrrowow: hiss; }
022
comiCSS @comicss.art · 10/09/2026
Trying Webcomic Studio... comicss.webcomic.studio/2026/august/1
comicss.webcomic.studio
comiCSS
Read comiCSS
000
comiCSS @comicss.art · 09/09/2026
A cartoon from April 2025: Unattended children... comicss.art/comics/181/ Illustration made with CSS. Source code: comicss.art/comics/181/u... #css #cartoon #joke
Unattended Children will be given espresso and a free CSS class
0102
Reposted by comiCSS
Álvaro Montoro @alvaromontoro.com · 06/09/2026
To practice and learn, I checked the accessibility of La Liga teams' homepages ⚽ I documented the results, the issues I found, the methodology I followed (combining automated+manual tests)... and shared it on my blog: alvaromontoro.com/blog/68112/l... #LaLiga #Accessibility #A11y #WebDev #Soccer
alvaromontoro.com
La Liga's Web Accessibility Table: How Do Clubs Actually Score?
Web accessibility ensures that every supporter (including those with visual, auditory, motor, or cognitive disabilities) can use a website. So how well do these teams' homepages hold up? I analyzed di...
294
Reposted by comiCSS
comiCSS @comicss.art · 24/08/2026
I also did an alternative with more modern CSS.
cartoon with four cups filled with a yellow liquid, all look really happy (except the last one that looks in shock and concerned). The first one says 'I am oklab(93.4% -11.75% 46.5%)' The second one says 'I am oklab(96.8% -17.75% 49.75%)' The third one says 'I am oklab(95.6% -21.5% 46.5%)' And the last one says "Guys... I'm positive we're urine labs, not oklabs!"
053
Reposted by comiCSS
comiCSS @comicss.art · 24/08/2026
New cartoon: Yellows comicss.art/comics/255/ #css #cartoon #webdev #humor
cartoon with four cups filled with a yellow liquid, all look really happy (specially the last one). The first one says 'I am #fe2!' The second one says 'I am #ff0!' The third one says 'I am #ef3!' And the last one says 'I am #pee!!!
152
comiCSS @comicss.art · 24/08/2026
New cartoon: Yellows comicss.art/comics/255/ #css #cartoon #webdev #humor
cartoon with four cups filled with a yellow liquid, all look really happy (specially the last one). The first one says 'I am #fe2!' The second one says 'I am #ff0!' The third one says 'I am #ef3!' And the last one says 'I am #pee!!!
152
comiCSS @comicss.art · 24/08/2026
This week's cartoon was inspired by a 20-year-old cartoon by JK Benton. I created two alternatives, you can see both on Patreon: www.patreon.com/comiCSS/post...
patreon.com
Yellow | comiCSS
This cartoon was inspired by a Jim Benton's cartoon from 20 years ago (you can see it below). It is goofy, it is absurd, but it is funny...
021
Reposted by comiCSS
comiCSS @comicss.art · 21/08/2026
IYKYK
A version of the King Neptune vs. SpongeBob SquarePants meme:
- King Neptune (labelled Tailwind) stands in front of a pyramid of hamburgers.
- SpongeBob SquarePants (labelled CSS) stands in front of a single hamburger.
0152
comiCSS @comicss.art · 21/08/2026
IYKYK
A version of the King Neptune vs. SpongeBob SquarePants meme:
- King Neptune (labelled Tailwind) stands in front of a pyramid of hamburgers.
- SpongeBob SquarePants (labelled CSS) stands in front of a single hamburger.
0152
Reposted by comiCSS
Manuel Matuzović @matuzo.at · 17/08/2026
Here is the 2026 edition of the HTML boilerplate I use for websites I build! Let me know if there's anything else I should consider including! matuzo.at/blog/2026/ht...
matuzo.at
My HTML boilerplate in 2026 - Manuel Matuzovic
Every element I use for the basic structure of a HTML document, with explanations why.
717935
Reposted by comiCSS
comiCSS @comicss.art · 11/08/2026
New "cartoon": Border Collie comicss.art/comics/254/ I saw a similar concept on social media, and tried to give it a background-clip CSS twist. #css #webdev #comic
Four photos of a border Collie cropped differently: first one occupied a whole square and it's titled "border Collie". The second one has a blank space in the outside and it's called padding Collie. In The third one, the blank space is larger and it's titled content Collie. The last one is the text "text Collie" and the photo of the dog can be seen through the text.
25917
Reposted by comiCSS
Brad T. Jonas @bradtjonas.bsky.social · 11/08/2026
a time to be alive
p1: “What a terrible time to be alive,”the guy says. 

“Yeah the news has been so bleak,” the lady says.

p2: “Oh GREAT—there’s bad news too?” guy says.

p3: “Wait, what were you upset about if not the news?” lady asks.

p4: “It’s Tuesday,” he says.
313117
comiCSS @comicss.art · 11/08/2026
New "cartoon": Border Collie comicss.art/comics/254/ I saw a similar concept on social media, and tried to give it a background-clip CSS twist. #css #webdev #comic
Four photos of a border Collie cropped differently: first one occupied a whole square and it's titled "border Collie". The second one has a blank space in the outside and it's called padding Collie. In The third one, the blank space is larger and it's titled content Collie. The last one is the text "text Collie" and the photo of the dog can be seen through the text.
25917
comiCSS @comicss.art · 30/07/2026
Si en CSS hay aspect-ratio, ¿también hay aspect-rasobrino?
000
comiCSS @comicss.art · 29/07/2026
New cartoon: B-side comicss.art/comics/253/ What would be some of HTML or CSS B-side tracks? #css #cartoon #humor #joke #webdev
The existence of aside implies the existence of bside (next to a cassette tape)
1272
Reposted by comiCSS
comiCSS @comicss.art · 23/07/2026
It's always :where() is CSS never :how() is CSS. comicss.art/comics/252/ #css #cartoon #webdev #joke
CSS logo with a face, arms, and legs, with a sad expression saying "It's always :where() is CSS never :how() is CSS". The signature of the author comiCSS.art is at the bottom right.
2828
comiCSS @comicss.art · 23/07/2026
CSS really stands for Cascading Stylesheet... Squirrel! We'll never know what that second S really meant.
static.klipy.com
Doug's Squirrel Distraction
Alt: Animated gif from the Disney movie Up, showing a dog (Doug) getting distracted by a squirrel.
063
comiCSS @comicss.art · 23/07/2026
It's always :where() is CSS never :how() is CSS. comicss.art/comics/252/ #css #cartoon #webdev #joke
CSS logo with a face, arms, and legs, with a sad expression saying "It's always :where() is CSS never :how() is CSS". The signature of the author comiCSS.art is at the bottom right.
2828
comiCSS @comicss.art · 23/07/2026
Cuando despertó, el CSS todavía estaba allí.
041
comiCSS @comicss.art · 09/07/2026
As developers preferences and the broader web development industry continue to shift away from digital formats toward physical media, CSS will discontinue distribution of digital values for all new properties beginning January 2028.
141
comiCSS @comicss.art · 21/06/2026
Actually, it's pronounced "jrid." You've been mispronouncing it this whole time.
021
Reposted by comiCSS
comiCSS @comicss.art · 15/06/2026
New cartoon: The Cursed Stylesheet comicss.art/comics/251/ #css #comic #webdev #humor
Comic strip with 4 panels in a 2x2 grid titled 'the cursed stylesheet'. A character is talking to a priest 'I tell you, father, there's something wrong with my website. It is not wrong, but it feels cursed, like it is possessed'. The priest replies 'Nonsense, all you have to do is open the developer tools and review the... DEAR GOD!!' The code inside the  website is visible: body{cursor:wait;filter:hue-rotate(340deg);line-height:1.12;rotate:0.5deg;text-shadow: 0 0 0.5px color-mix(currentcolor, #0008);*{pointer-events:none}}. In the last panel, the priest is exorcising the computer 'The power of CSS compels you! The power of CSS compels you!' while sprinkling holy water onto the computer.
163
comiCSS @comicss.art · 15/06/2026
New cartoon: The Cursed Stylesheet comicss.art/comics/251/ #css #comic #webdev #humor
Comic strip with 4 panels in a 2x2 grid titled 'the cursed stylesheet'. A character is talking to a priest 'I tell you, father, there's something wrong with my website. It is not wrong, but it feels cursed, like it is possessed'. The priest replies 'Nonsense, all you have to do is open the developer tools and review the... DEAR GOD!!' The code inside the  website is visible: body{cursor:wait;filter:hue-rotate(340deg);line-height:1.12;rotate:0.5deg;text-shadow: 0 0 0.5px color-mix(currentcolor, #0008);*{pointer-events:none}}. In the last panel, the priest is exorcising the computer 'The power of CSS compels you! The power of CSS compels you!' while sprinkling holy water onto the computer.
163
comiCSS @comicss.art · 24/05/2026
Oh, someone added my comic to their Medium list! That's nic... ChatGPT list? What? Why? Also, I correct the title... "Styleshett"? Oops!
Screenshot from a Medium notification: (name blurred) added your story The Perfect CSS Styleshett Should Be... to their list Chatgpt. 1 day ago.
020
Reposted by comiCSS
Álvaro Montoro @alvaromontoro.com · 18/05/2026
I turned one of my @comicss.art web dev games into its own project: 4Connect. It's now a daily puzzle game (not just web dev–themed anymore), and it's live at fourconnect.net Still a work in progress, but it's already playable. Check it out and let me know what you think. #game #webdev
fourconnect.net
4Connect
4Connect is a daily puzzle game where you find connections between words.
172
comiCSS @comicss.art · 13/05/2026
For the past week, I published a different game per day. I wanted to have a full year of daily games, but work (and other side projects) took priority. Maybe I will limit it to a "weekly games page" with 5-7 different puzzles instead of a daily thing.
000
comiCSS @comicss.art · 11/05/2026
I published 7 different game in the past 7 days. Maybe I should do a weekly batch of several games instead of one a day.
000
Reposted by comiCSS
comiCSS @comicss.art · 11/05/2026
New cartoon: Web Styling Astrology comicss.art/comics/250/ This is cartoon/comic #250... maybe I should have done something special? I guess it was not on the stars for this time. #css #astrology #cartoon #webdev
disc with the title 'Web Style Astrology Circle' divided in 12 sections with the logos of some styling technologies associated to an astrological sign and a description. Aquarius is Material UI (innovative and futuristic), Aries is TailwindCSS (impulsive and energetic), Cancer is CSS (supportive and protective), Capricorn is Foundation (disciplined and scalable), Gemini is UnoCSS (curious and adaptable), Leo is GreenSock (expressive and dramatic), Libra is Bulma (balanced and elegant), Pisces is ThreeJS (dreamy and artistic), Sagittarius is Open-Props (adventurous and flexible), Scorpio is Sass (intense and layered), Taurus is Bootstrap (stable and reliable), and Virgo is materialize (organized and precise)
053
comiCSS @comicss.art · 11/05/2026
New cartoon: Web Styling Astrology comicss.art/comics/250/ This is cartoon/comic #250... maybe I should have done something special? I guess it was not on the stars for this time. #css #astrology #cartoon #webdev
disc with the title 'Web Style Astrology Circle' divided in 12 sections with the logos of some styling technologies associated to an astrological sign and a description. Aquarius is Material UI (innovative and futuristic), Aries is TailwindCSS (impulsive and energetic), Cancer is CSS (supportive and protective), Capricorn is Foundation (disciplined and scalable), Gemini is UnoCSS (curious and adaptable), Leo is GreenSock (expressive and dramatic), Libra is Bulma (balanced and elegant), Pisces is ThreeJS (dreamy and artistic), Sagittarius is Open-Props (adventurous and flexible), Scorpio is Sass (intense and layered), Taurus is Bootstrap (stable and reliable), and Virgo is materialize (organized and precise)
053
comiCSS @comicss.art · 11/05/2026
New Game: Chain comicss.art/games/54/ Can you guess the 7 words hidden in this puzzle? They are all related to CSS. #css #game #puzzle #webdev
Puzzle/Crossword with the shape of a chain, the clues are:

1-10: (10 characters) Font variant that enables the display of petite capitals (OpenType feature: pcap).
1-3 (5 characters): Media type for styles applied when the document will be printed.
2-4 (5 characters): Font variant for displaying small illustrations and emoticons.
4-6 (5 characters): CSS function that defines an <image> in a similar fashion to the url() function.
7-5 (5 characters): Shorthand property to set styles to the line indicator in an input.
7-9 (5 characters): Function that dynamically adjusts a value between a min and a max.
8-10 (5 characters): At-property syntax type that can have values in deg or rad.
132
comiCSS @comicss.art · 10/05/2026
New game: Branches comicss.art/games/53/ This is May 9. Forgot to share it earlier. #css #game #puzzle #webdev
6x8 Grid titled "pointing arrows" with the following letters:

S S N R E Z
G R E S E I
O R R I O S
P U O E N R
C P H R L T
F A C O P E
E U R I S R
D L T A H S
031
Reposted by comiCSS
Smooth Dunk @smoothdunk2.bsky.social · 09/05/2026
when u tax the rich
4 panel comic

Panel 1:
An irate rich husband in a tuxedo is screaming at his rich wife, who is freaking out in a fancy dress.
Rich Husband: Darling, they’re TAXING US
Rich Wife: NO

Panel 2:
Rich Husband (looking disgusted): The bastards are TAXING US
Rich Wife (fists clenched, looking mad): NO

Panel 3:
The rich couple are now hugging and weeping.
Rich Husband: We’ll only have enough money to live in luxury for the rest of our lives
Rich Wife: Oh God

Panel 4:
Close up of Rich Husband, eyes huge, tears streaming. He whispers: Now I know how the slaves felt
191177365812
comiCSS @comicss.art · 08/05/2026
New Game: Word Gambit comicss.art/games/52/ Start at the highlighted cell and move like a chess knight to find a hidden quote by Edsger Dijkstra. (Remember: you cannot visit the same tile twice.) #css #webdev #software #game #puzzle
Word Gambit
Start at the highlighted cell and move like a chess knight to find the hidden sentence. With one restriction: you cannot visit the same tile twice.
A 6x6 board with the following words/letters:

TO IT GRAM LY THE HOPE
PRO FOR SHOW IS TES INA
BUT WAY CE. DE LESS PRE
SHO VERY TE SEN SEN TING
TIVE BUGS, BE THEIR QUA CE
A WING EFFEC OF CAN AB
071
comiCSS @comicss.art · 07/05/2026
New Game: HTML Mini-Crossword comicss.art/games/51/ All the words in this crossword are HTML tags, attributes, and values. Can you solve it? #css #html #crossword #game #webdev
Crossword with the shape of a serif HTML word. And the across and down clues below it.
062
comiCSS @comicss.art · 07/05/2026
Today's game is a crossword with HTML tags, attributes, and values... but I forgot to publish it before leaving to work 😳
000
comiCSS @comicss.art · 07/05/2026
Today's game is easy: Code Breaker comicss.art/games/50/ Guess the code to unlock the safe by finding the combination formed by CSS properties. #css #game #puzzle #webdev
comicss.art
Break the Code - comiCSS
comiCSS Games: games about CSS. Coded in CSS (mostly).
030