banner
comicss.art
comiCSS
@comicss.art
540 followers 150 following 380 posts
A webcomic about CSS. Coded in CSS. https://comicss.art Become a patron: https://www.patreon.com/comicss Created by @alvaromontoro.bsky.social
comicss.art
Posts Media Videos Starter Packs
Reposted by comiCSS
comicss.art
comiCSS @comicss.art · 1d
Higher-order functions in CSS
@function --higher(--order) { result: calc(var(--order) + 5); }
1 3 6
Reposted by comiCSS
css-only.dev
CSS by T. Afif @css-only.dev · 1d
You can toggle the "debug mode" in the demo to better understand what's happening.

Demo: codepen.io/t_afif/full/... via @codepen.io
1 2 11
comicss.art
comiCSS @comicss.art · 1d
Higher-order functions in CSS
@function --higher(--order) { result: calc(var(--order) + 5); }
1 3 6
comicss.art
comiCSS @comicss.art · 2d
New comic strip: One Last PR
comicss.art/comics/215/

#css #comic #webdev
comic strip with two panels showing a man in front of a computer 'I still have time for one more PR. Steve said he just updated some classes.' The next panels shows an old man in front of the same computer 'It has been 30 years... still one class to go... damn you Steve... Damn you Tailwind!'
2 6
Reposted by comiCSS
alvaromontoro.com
Álvaro Montoro @alvaromontoro.com · 4d
2001: a space-between odyssey

_
Swap a word in a movie title with an HTML or CSS keyword to create a horror flick for back-end devs.
1 6
Reposted by comiCSS
300kosmatih.s3n.si
FOOL KOOL @300kosmatih.s3n.si · 4d
#666 Wears Prada
2 2
comicss.art
comiCSS @comicss.art · 5d
Swap a word in a movie title with an HTML or CSS keyword to create a horror flick for back-end devs.

Burn ::after reading
a man wearing a red shirt with the letters lst on it
Alt: animated gif from the movie burn after reading, with a caucasian man (brad pitt) wearing a red shirt and dancing in a ridiculous way
media.tenor.com
1 3
comicss.art
comiCSS @comicss.art · 5d
(Pumpkin) Spicing things up a little this month of October by turning the characters into skeletons... kind of...
Comic with 4 panels in a 2x2 grid titled Spooktober. Two skeletons talk to each other: - Cool! We are skeletons! - *sigh* ...It's just as I suspected... - That the author was going to draw us as something spooky for October of for Halloween? - No! That the comic author is an idiot that doesn't know how to draw skeletons! We look like monkeys! The footer of the comic has the text: comiCSS a comic coded in CSS by Alvaro "doesn't-know-how-to-draw-skeletons" Montoro
1 6
comicss.art
comiCSS @comicss.art · 5d
Free and paid Patreon members got access to a special "spooktober" cartoon: www.patreon.com/posts/140358...

Log in, follow the comiCSS account (no need to pay or subscribe), and you'll be able to see the comic :)

#css #earlyaccess #comic #comicss
Spooktober | comiCSS
Get more from comiCSS on Patreon
www.patreon.com
1 1
Reposted by comiCSS
comicss.art
comiCSS @comicss.art · 6d
October 1st...
Cartoon with two panels: - September 30: the CSS logo with kawaii eyes and a big smile over a colorful background. - October 1: the CSS logo in black, with eerie yellow eyes, fangs and horns over a gray background.
1 6 42
Reposted by comiCSS
frontendmasters.com
Frontend Masters @frontendmasters.com · 6d
Inset Shadows Directly on img Elements (Part 1)

Inset `box-shadow` doesn't work directly on . There are work-arounds, but this SVG filter can do it directly.

Don't run! There is powerful stuff to learn here through interactive demos.
Inset Shadows Directly on img Elements (Part 1)
Inset `box-shadow` doesn't work directly on . There are work-arounds, but this SVG filter can do it directly. Don't run! There is powerful stuff to learn here through interactive demos.
frontendmasters.com
5 9
comicss.art
comiCSS @comicss.art · 6d
Thanks!
1
comicss.art
comiCSS @comicss.art · 6d
October 1st...
Cartoon with two panels: - September 30: the CSS logo with kawaii eyes and a big smile over a colorful background. - October 1: the CSS logo in black, with eerie yellow eyes, fangs and horns over a gray background.
1 6 42
comicss.art
comiCSS @comicss.art · 7d
comiCSS #140: Framework Fans vs Framework Bros
comicss.art/comics/140/

May 13, 2024 – This comic wasn't in the resharing pipeline until later, but given recent news and reactions from some popular framework, it seemed like a good fit for this week.

#css #js #webdev #framework #cartoon #joke
Comic with 4 panels titled frameworks fans, showing a woman looking at a phone and saying "Oh! The developer of that framework you like is trending!" Then a man with a "that framework flag" smiling happily. A notification from the phone indicates the news is related to an angry hot take, the woman looks shocked and says "Oh... Oh no...." The man is shocked too and smiling nervously lets the flag drop. Comic with 4 panels titled "frameworks bros", showing a woman looking at a phone and saying "Oh! The developer of that framework you like is trending!" Then a man with a "that framework flag" smiling happily. A notification from the phone indicates the news is related to an angry hot take, the woman looks shocked and says "Oh... Oh no...." The man keeps smiling and now has "that framework" flags everywhere
2 7
comicss.art
comiCSS @comicss.art · 9d
comiCSS reactions by subreddit:

- r/comics: crickets. It used to be more active, and get dozens of reactions, sometimes hundreds. Lately it's "dead."

- r/css: almost automatic -1. Users of r/css are all business and seem to hate the comic. Sometimes it ramps up to the positives, but single digits.
1
Reposted by comiCSS
comicss.art
comiCSS @comicss.art · 9d
New comic: Azimuth!
comicss.art/comics/212/

#css #comic #webdev #joke
comic with 4 panels showing a man and a woman talking. He asks 'Hey, Jill! Do you remember the name of the CSS property used to set the direction of sound sources in audio playback?' She replies 'Azimuth', and he quickly answers 'Bless you!' There's an awkward silence, and to her despair, he says 'But, really, do you remember the name of the CSS property used to set the direction of sound sources in audio playback?'
2 5
comicss.art
comiCSS @comicss.art · 9d
New comic: Azimuth!
comicss.art/comics/212/

#css #comic #webdev #joke
comic with 4 panels showing a man and a woman talking. He asks 'Hey, Jill! Do you remember the name of the CSS property used to set the direction of sound sources in audio playback?' She replies 'Azimuth', and he quickly answers 'Bless you!' There's an awkward silence, and to her despair, he says 'But, really, do you remember the name of the CSS property used to set the direction of sound sources in audio playback?'
2 5
comicss.art
comiCSS @comicss.art · 15d
comiCSS #97: Duck Test
comicss.art/comics/97/du...

July 24, 2023 – I have used this cartoon (or a variation of it) in a few conference talks about CSS Art and comiCSS... Yes! I was also surprised that people were curious about a comic drawn with CSS. But there are many!

#css #cartoon #duck #webdev
If it looks like a duck, swims like a duck, and quacks like a duck, it probably is a duck. If it has filters like a drawing language, gradients like a drawing language, and blend modes like a drawing language... It is clearly a styling language! Nothing to do with drawings and graphics. Absolutely nothing! OK?
1 3
Reposted by comiCSS
comicss.art
comiCSS @comicss.art · 16d
New cartoon: Two CSS properties walk into a bar...
comicss.art/comics/211/

#css #webdev #comic
Comic with 4 panels in a 2x2 grid titled 'Two CSS properties walk into a bar...' Two characters tagged 'display' and 'flex' are talking while talking: 'I don't know... are you sure it will be Ok?', 'Of course! Whatever you heard, it's just an urban legend. Nothing to worry about.' and get inside a bar. Meanwhile in a different part of town, in a different bar, a big noise happen, the barman looks over the counter to a customer on the floor (off panel) 'Sir, are you ok?' and the person replies 'What the **** did just happen?'
2 4
comicss.art
comiCSS @comicss.art · 16d
New cartoon: Two CSS properties walk into a bar...
comicss.art/comics/211/

#css #webdev #comic
Comic with 4 panels in a 2x2 grid titled 'Two CSS properties walk into a bar...' Two characters tagged 'display' and 'flex' are talking while talking: 'I don't know... are you sure it will be Ok?', 'Of course! Whatever you heard, it's just an urban legend. Nothing to worry about.' and get inside a bar. Meanwhile in a different part of town, in a different bar, a big noise happen, the barman looks over the counter to a customer on the floor (off panel) 'Sir, are you ok?' and the person replies 'What the **** did just happen?'
2 4
comicss.art
comiCSS @comicss.art · 16d
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
comiCSS #210: Background-Repeat Oreos
background-repeat with oreos: no-repeat only has one cream at the top and the text ORE O; repeat has 2.5 creams and the text ORERERO; round has two creams but larger than usual and the text OREEREEO; ...
comicss.art
4 11
Reposted by comiCSS
comicss.art
comiCSS @comicss.art · 20d
'"CSS!" she said, and there was a whole conversation in the one word.'
–F. Herbert, sandybrown color inventor.
2 3
Reposted by comiCSS
comicss.art
comiCSS @comicss.art · 20d
A smiling recently married couple walking down the aisle with people clapping around them. One is highlighted with a red circle, his face replaced with the CSS logo (a purple square with the text "CSS"). At the bottom there some text: Bride solves bizarre four year mystery after guest she didn't know appeared in her wedding pictures.
2 2
comicss.art
comiCSS @comicss.art · 20d
A smiling recently married couple walking down the aisle with people clapping around them. One is highlighted with a red circle, his face replaced with the CSS logo (a purple square with the text "CSS"). At the bottom there some text: Bride solves bizarre four year mystery after guest she didn't know appeared in her wedding pictures.
2 2
comicss.art
comiCSS @comicss.art · 20d
'"CSS!" she said, and there was a whole conversation in the one word.'
–F. Herbert, sandybrown color inventor.
2 3