New cartoon: Two CSS properties walk into a bar... comicss.art/comics/211/ #css #webdev #comic

New cartoon: Two CSS properties walk into a bar... comicss.art/comics/211/ #css #webdev #comic

comiCSS #210: Background-repeat oreos comicss.art/comics/210/ It was shared earlier this month, but just added it to the site. #css #cartoon #webdev

'"CSS!" she said, and there was a whole conversation in the one word.' –F. Herbert, sandybrown color inventor.

'"CSS!" she said, and there was a whole conversation in the one word.' –F. Herbert, sandybrown color inventor.

Yay! 🦛

comiCSS #96: CSS MD comicss.art/comics/96/cs... July 17, 2023 – Adding a red border (tip: an outline is better) is a common practice for debugging elements in a website. And, for some people, it is the only practice... What if it was the same at a doctor's appointment? #css #cartoon #webdev #debug

comiCSS #95: The ABCs of CSS comicss.art/comics/95/ab... July 10, 2023 – I normally say cartoons are fun to draw/code. This one was too... At least, all the individual letters. Completing the whole thing was a little bit of a pain. I should have saved this one for #100. #css #html #webdev #cartoon

New comiCSS: CSS Balloon comicss.art/comics/209/ This is a longer comic than usual, and I was planning on publishing it in a few weeks, but looking at the news cycle, it could just as well be published now. It's inspired by a Pearls Before Swine cartoon (credited in the blog). #css #comic #webdev

We have different methods to center an element vertically and horizontally, but how many exactly? I did the count, and we can reach 100 different ways! 👀 css-generators.com/center/ The list includes hacky and obsolete methods, but it was a fun exercise to enumerate all the possibilities!

New comiCSS: CSS Balloon comicss.art/comics/209/ This is a longer comic than usual, and I was planning on publishing it in a few weeks, but looking at the news cycle, it could just as well be published now. It's inspired by a Pearls Before Swine cartoon (credited in the blog). #css #comic #webdev

comiCSS #94: Style Wars comicss.art/comics/94/r2... July 3, 2023 – Not everything was going to be The Lord of the Rings with CSS! This cartoon has two elements only: R2D2 is one, the hologram is the other. Another simple and fun cartoon to code :) #css #starwars #cartoon #webDev

Patreon members have free access to next week's comic: www.patreon.com/posts/css-ba... No need to subscribe and pay and subscribe, just log in and follow the account.

Here's a #CSS study list, 100+ features to checkout from the past ~5 years. There're surprises in here for even the most knowledgeable front-end developer! nerdy.dev/cascading-se...

comiCSS #93: Whales comicss.art/comics/93/wh... June 27, 2023 – Each whale is a single div, and each spout is a single element with the indicated background (check the code). Coding this one was fun after some of the LOTR shenanigans that came before it. #css #webDev #comic #cartoon

New comic: Hell (v2) comicss.art/comics/208/ #css #webdev #cartoon #tailwind

I haven't heard anything about my offer to buy Chrome for 35 billion. I wonder if anyone will get back to me this week. I'm as serious as the AI companies. Possibly even more than them.

Bear with me for a sec...

comiCSS #91: You Shall Not Pass comicss.art/comics/91/ May 29, 2023 – Playing with the same deprecated-element idea from the previous comic, I mixed it with The Lord of the Rings (again!) and the famous scene with the Balrog. #css #cartoon #lotr

Live coding this comic: www.youtube.com/watch?v=vo-9... (I had a different text at the beginning, but I didn't find it catchy)

New cartoon: Random It explores the random() function in CSS and will be different every time that you reload. (Only works in Safari Technology Preview 227 for now). Shout-out to @jensimmons.bsky.social and the Safari team for their amazing work leading the way with CSS. #css #webdev #comic #joke

New cartoon: Random It explores the random() function in CSS and will be different every time that you reload. (Only works in Safari Technology Preview 227 for now). Shout-out to @jensimmons.bsky.social and the Safari team for their amazing work leading the way with CSS. #css #webdev #comic #joke

comiCSS #90: The CSS of Man comicss.art/comics/90/ May 25, 2023 – IIRC this is the only cartoon I've done that was not created with code. It's just an image. At the time, I thought about creating a series of them combining art and CSS. I should retake that idea... #css #art #joke #webdev

So, Gray is darker than DarkGray?! No wonder, people who’ve worked with CSS long enough have trust issues. This is on point haha. A fun comic by @alvaromontoro.com‬: comicss.art/comics/206/ Any others come to mind?

New comic: Trust issues comicss.art/comics/206/ When you've worked with CSS long enough, you stop trusting anything: Gray vs DarkGray, Bold vs Bolder, SeaGreen vs MediumSeaGreen vs DarkSeaGreen vs LightSeaGreen... No wonder CSS Developers have trust issues! #css #comic #cartoon #webDev #joke

comiCSS #89: Ouija Board comicss.art/comics/89/ou... May 22, 2023 – At this time, I was playing with the idea of deprecated and obsolete tags. I ran a similar idea a week later with a Lord of the Rings theme –more on this in 2 days 😉 #css #html #webDev #cartoon

Hey comiCSS, why is it that your website doesn't have a cookie banner? Aren't you following GDPR requirements? Great question, thanks for asking! We don't have a cookie banner because the site does not track any of the user activity. Not for ads (we don't have), not for statistics (we don't care).

css "no one bothers to lear it properly" 👿bloody true! get my css out of your js THANKS. BS dead? don't think so. sass 🥰

comiCSS #88: If web styling technologies were human languages... comicss.art/comics/88/st... May 15, 2023 – I really like these "what if..." cartoons with grids comparing technologies to things. They are fun to code and think about... Also, it's easy to pick on TW in them 😂 #css #comic #cartoon

Monday's comic is available on Patreon: www.patreon.com/posts/137166... It's free for members, you just need to create an account and follow me. #patreon #earlyaccess #comicss #css #comic

A video mimicking the oreo joke to showcase different values of background-repeat in CSS www.youtube.com/watch?v=Eyhp... #css #youtube

comiCSS #87: Coffee Style Sheet comicss.art/comics/87/co... May 9, 2023 – I remember this was a fun one to code (even when some of them don't make full sense). For the curious, hwb() is a widely supported CSS color function that stands for Hue-Whiteness-Blackness. #css #cartoon #webdev

New comic: Nicknames comicss.art/comics/205/ This was one of the first cartoons with the library. I shared it here but didn't put it on the site until today 😅 #css #cartoon #comic

New comic on the internet becoming a series of oligarchic obstacles: www.dailykos.com/stories/2025...

I'm finally featured in a comic strip

New comic: Nicknames comicss.art/comics/205/ This was one of the first cartoons with the library. I shared it here but didn't put it on the site until today 😅 #css #cartoon #comic

Great comic by @jensorensen.bsky.social www.gocomics.com/jen-sorensen...

Latibulate (verb, archaic): to position oneself in a safe place, like a corner, to avoid reality or difficult conditions.

New cartoon: Too Many Acronyms comicss.art/comics/204/ A silly joke about work and the tendency to use too many acronyms (TMAs). Naïf me had to search for NSFW acronyms to match with CSS properties... I bet I'll get some "interesting" web ads over the next few weeks. #css #webDev #cartoon #comic

New cartoon: Too Many Acronyms comicss.art/comics/204/ A silly joke about work and the tendency to use too many acronyms (TMAs). Naïf me had to search for NSFW acronyms to match with CSS properties... I bet I'll get some "interesting" web ads over the next few weeks. #css #webDev #cartoon #comic

comiCSS #86: To Grid or Not to Grid comicss.art/comics/86/cs... May 1, 2023 – Web developers like drama: React or Vue? JS or TS? Grid or Flexbox? I'm not going to lie, the eyes in this cartoon character creep me out. Why did I draw them like this? I don't remember but ouch! #css #cartoon

New comic available for patrons on Patreon: www.patreon.com/posts/trust-...

comiCSS #85: Never late comicss.art/comics/85/ne... April 24, 2023 – Another CSS + Lord of the Rings reference. IIRC, this happens only in the movies and not the books, also the hat should be blue, and... but no one is so nerdy to be paying attention to all that... Right? #css #cartoon #lotr

Next week's comic is available for Patreon members for free: www.patreon.com/posts/136688... No need to subscribe. Follow me, and you'll get access to the early preview. And the comic for two weeks from now will be available soon too!

comiCSS #84: CSS Doom comicss.art/comics/84/cs... April 12, 2023 – I missed CSS's initial release date (December 17, 1996) but didn't miss the latest release date... funny thing is that since publishing this, CSS had a release on December 7, 2023, making this comic outdated. #css #cartoon #comic

comiCSS #83: off-the-grid comicss.art/comics/83/of... April 10, 2023 – An easy joke about HTML and CSS. The cartoon is animated with the radar spinning and discovering elements along the way. Maybe I should have added sound 😅 #css #html #cartoon

New cartoon: Hippopotenuse comicss.art/comics/203/ It's a cartoon that I published a few weeks back, but never added it to the site... Until now 😅 #css #cartoon #joke #math #trig