Tessera

Folgen

comiCSS

@comicss.art

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

666 Posts619 Follower 167 Folgt

comiCSS @comicss.art · 6d ago

Si en CSS hay aspect-ratio, ¿también hay aspect-rasobrino?

comiCSS @comicss.art · last wk.

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)

comiCSS @comicss.art · 2w ago

It's always :where() is CSS never :how() is CSS. comicss.art/comics/252/ #css #cartoon #webdev #joke

comiCSS @comicss.art · 2w ago

CSS really stands for Cascading Stylesheet... Squirrel! We'll never know what that second S really meant.

Doug's Squirrel Distraction

Alt: Animated gif from the Disney movie Up, showing a dog (Doug) getting distracted by a squirrel.

static.klipy.com

comiCSS @comicss.art · 2w ago

It's always :where() is CSS never :how() is CSS. comicss.art/comics/252/ #css #cartoon #webdev #joke

comiCSS @comicss.art · 2w ago

Cuando despertó, el CSS todavía estaba allí.

comiCSS @comicss.art · 4w ago

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.

comiCSS @comicss.art · 2mo ago

Actually, it's pronounced "jrid." You've been mispronouncing it this whole time.

comiCSS @comicss.art · 2mo ago

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.

comiCSS @comicss.art · 2mo ago

New cartoon: The Cursed Stylesheet comicss.art/comics/251/ #css #comic #webdev #humor

comiCSS @comicss.art · 2mo ago

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.

Álvaro Montoro @alvaromontoro.com · 3mo ago

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

4Connect

4Connect is a daily puzzle game where you find connections between words.

fourconnect.net

comiCSS @comicss.art · 3mo ago

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.

comiCSS @comicss.art · 3mo ago

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.

comiCSS @comicss.art · 3mo ago

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)

comiCSS @comicss.art · 3mo ago

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.

comiCSS @comicss.art · 3mo ago

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

Smooth Dunk @smoothdunk2.bsky.social · 3mo ago

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

George Takei@georgetakei.bsky.social · 3mo ago

Come again? 👀

comiCSS @comicss.art · 3mo ago

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

comiCSS @comicss.art · 3mo ago

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.

comiCSS @comicss.art · 3mo ago

Today's game is a crossword with HTML tags, attributes, and values... but I forgot to publish it before leaving to work 😳

comiCSS @comicss.art · 3mo ago

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

Break the Code - comiCSS

comiCSS Games: games about CSS. Coded in CSS (mostly).

comicss.art

comiCSS @comicss.art · 3mo ago

New Game: ABCnagrams (JS Edition) comicss.art/games/49/ 26 Anagrams. Each is missing a different alphabet letter to complete a JavaScript related term. Can you solve it? #javascript #js #game #puzzle #webdev

ABCnagrams: list of letters found (none checked), below there are 26 boxes + ? = SOMETHING.

The list of terms to add a letter and find the anagram are:

- MORE E
- ROT
- SEEING
- SEDATE
- LE NEOCON
- TRITONS
- GRAVITON
- U MEET TOTS
- KY TEENAGER
- HIT
- EX
- LIED
- FOVEAL
- O RAILMEN
- SUP
- ICES
- TOONS
- DIB
- TIED OX
- TUNER
- VOW SHOPPER
- RAKE
- FOINED
- IRON FC
- DEMOUNT
- Y R TELECOURSE

comiCSS @comicss.art · 3mo ago

🧩 May 3 Game: 4Connect comicss.art/games/47/ This board contains 4 groups of 4 related web development terms. Can you connect all of them in fewer than 4 attempts? #css #html #game #puzzle #webdev

4x4 Grid titled 4Connect with the following terms: th, ol, in, em, bdo, dt, s, i, rad, turn, dl, lh, grad, deg, li, q.

comiCSS @comicss.art · 3mo ago

May 4 Game: Spiral comicss.art/games/48/ Find all the chained CSS terms that form this spiral. #css #puzzle #game #crossword #webdev

10x10 grid with lines forming an espiral and below the clues/hints

comiCSS @comicss.art · 3mo ago

New comic: Maslow's Hierarchy of Needs comicss.art/comics/249/ I considered making the last one a square, but in the end I went with a misshapen triangle with cut corners. #css #comic #cartoon #ai

graphic with 3 pyramids. The first one is labeled 'Maslow's Pyramid of Needs' and has the classic levels from bottom to top: psychological needs, safety needs, love and belonging, estemm, and self-actualization. The second one is labeled 'Maslow's Pyramid of Needs (Corporate version)' it only has 3 levels from bottom to top: AI (occupies 3/5), corporote profit, and exec bonus. The last pyramid is labeled 'MAIslow's PAIrAImid of NAIds (AI CompAIny version), the pyramid is misshapen, corners are cut, and there's only one level AI with many AIs written in the background.

comiCSS @comicss.art · 3mo ago

New comic: Maslow's Hierarchy of Needs comicss.art/comics/249/ I considered making the last one a square, but in the end I went with a misshapen triangle with cut corners. #css #comic #cartoon #ai