comiCSS

I drew this cartoon with HTML and CSS today. It is based on a thread that started the other day after I posted this silly joke on social media: The W3C released a new HTML element out of nowhere. It was the element of <surprise>. (I said it was silly) It is a really basic pun, but I like it and I li

Tomorrow is Monday so there will be two new things on the site: A new game (Branches, a CSS-version of NYT's Strands) A new comic (decorating this post, and shared with more information before) Even with some technical problems at home (the Internet service went off for a day), I have been able to c

A cartoon versio of one of my terrible CSS-Dad Jokes. And an "educational" one at it. The drawing uses the property that it mentions to create the reflection of the character. Links to the joke on the site: Permalink: https://comicss.art/comics/245 Image link: https://comicss.art/comics/245/webkit-b

Today's comic retakes the comiCSS library to generate cartoons. I thought about making the third person suggest <table> but opted for float:left to keep it all CSS-themed... and I kind of regret it, because people may be more identified with the table version than with the float (or maybe that's old

The cartoon for March 23, 2026 is an aerial view of a hopscotch game before and after "flexboxizing" it (technically it was FlexBox already, but I wanted to use that word.) Not super-educational, but it shows the difference between align-items values like center and space-between. So I have that (sm

Today I released two versions of the same cartoon. One with characters (the yellow one that decorates this article), and another only with text. I liked the idea of doing it with characters, and I still think that it could look nice in a poster or a card or something... but I must admit that the tex

Earlier this week I shared a post about how I remembered an old postcard that I got a long time ago, with a cartoon with how the "perfect European" should be: a good driver like the French, with the sense of humor of the German, a good cook like the British, as humble as a Spaniard... and I decided

As part of the comiCSS weekly games, we released a large CSS-themed crossword! It has 89 different CSS terms: from properties to values, keywords and functions. Enjoy! Here's how you can play: Visit the game online, just fill in the crossword. Printing the attached pages in PDF :) Most of the defini

This will be February 16 comiCSS edition. It is inspired by a Liniers' cartoon and his gnomes (or is it elves?) I created this small cartoon with CSS gnomes fighting about the best background gradient. The radial gradient gnomes advocate for radial gradients, and the linear gradient gnomes advocate

Monday is Groundhog Day! In the morning of February 2nd, in the small town of Punxsutawney, Pennsylvania, a groundhog named Punxsutawney Phil will come out of its burrow and tradition says that if he sees his shadow, then it will be six more weeks of winter web developers will need to add six additi

Everyone loves a good conspiracy. The web is held together by standards, browsers, frameworks… and a vast network of deeply suspicious nonsense. CSS specificity? Browser support? JavaScript APIs? What if all of it were part of a much bigger plot? Have you ever wondered if there’s something more goin

A silly pun to start the year...

Next week’s cartoon was inspired by a comic strip from Liniers’ Macanudo (always amazing, you should check it out if you haven’t read it before). This comic is one of those recurring reminders to use semantic HTML and to take advantage of all the native capabilities and functionality you get out of

A short comic strip to end the year 2025. What would happen if a comic character coded in HTML and CSS took one of those DNA tests that tells you about your origins and ancestry? The comic in itself has no 2% Tailwind (that was added later for comedic/dramatic purposes), but it does have some JavaSc

Last year, I started creating a collection of toggle switches that already counts with more that 150 different toggles, using a single HTML element (a checkbox) and CSS. It is a fun project that I need to move into its own website. It was just a matter of time that I combined that project with the c

Tomorrow's comic is about Tailwind (again 😅). Specifically, about how utility classes can sometimes get out of hand, leaving developers "stuck" in a classy situation. Tailwind offers a way to simplify things by combining multiple utility classes with @apply. The funny part is that even Tailwind's o

Tomorrow's cartoons are weird CSS word associations and extensions. It starts with a drawing and a regular English word then it expands to a CSS property-value pair that is applied to the cartoon. There are a few of them, but I only coded 5, because it's one of those ideas for comics that I think ar

As mentioned in a previous post, tomorrow's post will be a game and not a cartoon. You can get early access to the game on this private CodePen. It has 50 movies hidden in 50 CSS rules. Most of them are fairly simple, so even people that are not much into films will likely guess them (maybe it's too

Later this week, I'll be adding to the site a cartoon I shared before on social media (and here... but I forgot to include it on the site). It's related to the old English word "latibulate," which basically means to make oneself small and hide in a corner, trying to go unnoticed and avoid reality. A

I haven't made fun of Tailwind for a while, so it seems like a good time for that... we don't want to lose that good habit :P Tomorrow's comic/cartoon/strip is one that I shared recently with the patreons in a private message. Still 3-4 more in that post to share. So we'll have comics until November

The month of October is the first full month of Autumn/Fall, and best known for celebrations like Halloween and things scary. Many comics make reference to this. I just did a couple of days back, sharing a silly cartoon about CSS turning dark and evil in October... which is unnecessary, because CSS

A simple cartoon for the month of October. It took me 5 minutes to code after seeing some pictures and memes online... So it will be more successful than any other comic or cartoon I've coded in the past few months. That's how it goes 😜😅

I know, I know. I shared with you many comics and cartoons last week, and instead of having one of those be the new published cartoon, I go with something new... And it must be the oldest joke in the book of jokes! You can check the coding process on YouTube: https://youtu.be/bYwf1fM3o-U (I didn't t

This is a longer comic than usual, and I was planning on publishing it in a few weeks, but looking at the news cycle, I thought that just as well it could be published now. If it is familiar, it's because it is inspired on a comic strip from Pearls Before Swine (by Stephan Pastis), in which Pig floa

The random() function is available on Safari Technology Preview and I had to give it a try. So I created the typical comic with characters breaking the 4th wall (actually being self-aware characters, but that's a technicality), confused about the order of the panels not being correct... something ea

A couple of years ago, I came across a funny cartoon that used Oreo cookies: the biscuits were labeled as Os and the cream as REs, which were then combined in different ways to generate funny names. Inspired by that idea, I created a semi-educational video to explain the CSS property background-repe

Earlier this week, I saw a post online with the word "latibulate." It's an old English word that is as uncommon now as it was when it was first recorded in the 1600s. It comes from the Latin "latibulum" which means "hiding place" and it means to position oneself in a safe and hidden place (like a co