- Knock, knock!
- Who's there?
- display:none
- display:none who?

Did it work?

I did a slightly longer alternative, more in the line of Abbott and Costello's Who's on First, but I felt it was a bit overwhelming, so went with the shorter version in the end.

#css #comic #webdev

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

New game: Branches
comicss.art/games/27/

Can you find all CSS-themed words? There are 8 (root + 7 related terms).

#css #game #webdev

cartoon with 4 panels showing two Roman Empire soldiers, one asks the other 'And for this element I need a size of 56... Hey, Gridius Maximus! What was the large viewport inline unit?' the other one answers 'lvi' and the first one replies 'No, the CSS unit!' The second one answers again 'LVI!' and the first one replies 'That's what I said! Forget the Caesar's Styli Schedae. Let’s go conquer Hispania again!' angrily

New cartoon: Why web development failed in the Roman Empire
comicss.art/comics/246/

#css #webdev #comic

April 13: Double Take | comiCSS Get more from comiCSS on Patreon

Tomorrow's comic and game are available for free one day early on Patreon: www.patreon.com/posts/155463...

Crossword with the shape of the letters CSS and below the hints: Across: 1. Media type that matches printers or devices intended to simulate printed display (5 letters). 2. Property that sets the color for user-interface controls (11 letters, 7th is 3 down first). 4. Pseudo-element that acts as the last child (5 letters, first is 2 down last letter, last is 5 down first). 6. Function that picks a value depending on a min, max, and preferred value (5 letters, first is 3 down last, last is 7 down first). 8. Property that specifies the amount of space on one side of the element's content (11 letters, first is 1 down last, last is 5 down last) 9. A display value (5 letters, last is 7 down last). Down 1. A white-space value for preformatted text that also collapses into new lines (7 letters, last is 8 across first) 2. Cyan color (4 letters, last is 4 across first) 3. Function to perform mathematical operations (4 letters, first is 2 across 7th, last is 6 across first) 5. Pseudo-class that selects the top element of a tree representing the document (4 letters, first is 4 across last, last is 8 across last) 7. Color that can be light, deep, or hot (4 letters, first is 6 across last, last is 9 across last)

April 12 Game: Mini Crossword
comicss.art/games/26/

All the terms are related to CSS. Can you guess all 11 words?

#css #html #game #webdev

Ok. It should be fixed now.

Thanks @sil.kryogenix.org !

Oh! Yes, it is "is boxing"

Hmmm... It looks correct. Which one did you try? Maybe an issue with the regex on some browsers?

Let me check...

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

April 11 game: ABCnagrams
comicss.art/games/25/

New look on mobile, and boosted some usability with JS. Can you solve all 26 CSS anagrams?

#css #html #game #webdev

I've just done a previous one of these games, for HTML elements, at comicss.art/games/20/. It is hard! I had to cheat by looking at the MDN page for one of them which I'd never heard of.

I just published a new CSS one, if you want to give it a try 😉

comicss.art/games/25/

In mastodon, it was 50% CSS 50% JS.... One deciding vote?

In ABCnagrams, you're given 26 scrambled clues, each representing a themed-term with one missing letter. Your task is to guess the missing letter, add it back, and unscramble the letters to find the answer. I've done one for HTML and one for CSS, next I should do...

- CSS again
- HTML again
- JS

🤔

My fiber service being kaput may impact my goal to post a game a day during April.... We'll know by tomorrow....

I don't know why the image didn't go through this time. This is today's @comicss.art game. It's 4Connect (similar to NYT's Connections) and all the boxes are ARIA roles, can you group them together correctly?

#html #aria #accessibility #a11y #game

Calendars should be changed to be 13 months of 28 days each, plus 1 extra day which would be a holiday for local/regional referenda/elections. Every four years there'd be 1 extra holiday for national elections.

April 10 game: 4Connect
comicss.art/games/24/

Today's game topic is ARIA. Can you group all the roles correctly in less than 4 tries?

#webdev #accessibility #aria #game

Word puzzle formed by 5 words twisting and turning to form a zigzag form. Word 1 (positions 1-7, length 7): Aligns content so the combined size exactly fills the container Word 2 (starts in 1, and finishes in 3, length of 5): Superscript vertical align Word 3 (starts in 2 and finishes in 4, length of 5): A display and an HTML element Word 4 (starts in 6 and finishes in 4, length of 5): A shape() drawing command Word 5 (starts in 7 and finishes in 5, length of 5): Trigonometric function (kind of)

April 9 Game: Chains Mini
comicss.art/games/23/

This game is tougher than previous ones. Can you guess all 5 words hidden in the puzzle?

#css #html #game #webdev

I'm stealing this for the next comic

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

Today's game is 4Connect (again)!
comicss.art/games/22/

If you like NYT's Connections and web development, you'll enjoy this game!

#css #html #game #webdev

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

Today's game is 4Connect (again)!
comicss.art/games/22/

If you like NYT's Connections and web development, you'll enjoy this game!

#css #html #game #webdev

To `;` or not to `;`: that is the question:
Whether 'tis nobler in the IDE to suffer
The slings and arrows of opinionated devs,
Or to add .editorconfig against seas of inconsistency,
And by opposing end them? To program: to code;
No more; and by a fix to say we end
The heartache and the 1k lines PRs

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

🎮 Today's daily game will be a delight if you like NYT Connections and CSS... and if you don't, you may still enjoy it, who knows 😅
comicss.art/games/21/

#css #game #webdev

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

This is very impressive with a good use of grid and custom properties.

comicss.art/games/12/

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

Do you like anagrams and HTML? Then you’ll enjoy this puzzle!
comicss.art/games/20/

ABCnagrams are anagrams with a twist: there are 26, each missing a different letter of the alphabet. Can you figure out which letter is needed to solve each anagram and reveal the HTML tag?

#html #webdev #game #css

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

Do you like anagrams and HTML? Then you’ll enjoy this puzzle!
comicss.art/games/20/

ABCnagrams are anagrams with a twist: there are 26, each missing a different letter of the alphabet. Can you figure out which letter is needed to solve each anagram and reveal the HTML tag?

#html #webdev #game #css