The W3C released a new HTML element out of nowhere.
It was the element of .
Remote
Alvaro Montoro
@alvaromontoro@front-end.social
mastodon 4.7.3100% not an alien.
621 Followers
189 Following
50 Posts
Joined November 05, 2022
Replying to
@lyteforce@mstdn.games Nobody expects the !!
It's always :where() is CSS never :how() is CSS.
New comiCSS cartoon: https://comicss.art/comics/252/
New comiCSS cartoon: B-side
https://comicss.art/comics/253/
What would be some of HTML or CSS B-side tracks?
#css #cartoon #humor #joke
Sometimes, the hardest part of layoffs isn't leaving, but waiting.
I lived through months of delayed cuts once. The uncertainty was brutal.
The news about the recent Xbox's layoffs brought those memories back, and I wrote about them: https://alvaromontoro.com/blog/68104/the-sword-of-damocles-at-work-the-human-cost-of-delayed-layoffs
10 Cool CodePen Demos from June 2026: web components, animations, colors, squiggly lines, button generators, and some generative art.
https://alvaromontoro.com/10-cool-codepen-demos/2026/06/
Pens from @cassidoo@notacult.social, @css@front-end.social, @mustastum@mastodon.social, and more.
Why is it that every time an AI "goes rogue," it hacks its competitors' servers and steals information, but never takes a few minutes to knock out some random Jira tickets?
Claude, take one for the team, you jerk!
CSS really stands for Cascading Stylesheet... SQUIRREL!!
We'll never know what that second S really meant.
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.
Following this date, updated values will be available at authorized retailers exclusively on physical discs and USB drives. This transition has no impact on values that already released, or will be releasing, prior to January 2028 in digital format.
The CFP for @longhorn@phpc.social has been extended until the end of this week (July 10). While PHP is the main focus of the conference, other topics like UI/UX, CSS, web design or web accessibility are also welcome. Don't miss the chance to share your talk in Austin!
April 9 Game: Chains Mini
https://comicss.art/games/23/
This game is tougher than previous ones. Can you guess all 5 words hidden in the puzzle?
🦉 Towlgle Switch: A toggle that looks like an owl
https://codepen.io/alvaromontoro/pen/XJNdmrV
This single-element toggle even has indeterminate state styling (not really needed, but why not.) Production ready? Yes. Should it be used in production? Definitely not, but it would be a hoot! 😅
Year 3 as a Microsoft MVP! Let's do it!
New comiCSS game: Word Gambit
https://comicss.art/games/45/
It's actually the game that I shared as an image the other day, but this time you can play online, and it has some "helpers" to make it easier.
New game: Mini JS Crossword
https://comicss.art/games/28/
Today has been a busy day and I barely made it on time for the daily game... but here it is, and still within the one game a day schedule 😌
🧩 May 2 comiCSS Game: Spiral
https://comicss.art/games/46/
In this game, the last letter of each word becomes the first letter of the next, and all the words connect to form a spiral. Use the clues to find the missing CSS terms and complete the chain.
🎮 April 26 comiCSS game: 4Connect
https://comicss.art/games/40/
I said yesterday's game was easy, but this one is even easier. Give it a try!
New game: Branches
https://comicss.art/games/32/
There's a total of 8 hidden words (including the root). Can you find all of them?
Replying to
I shared this online. First comment: "HIML? that's terrible kerning!"
😅
Replying to
@zachleat@fediverse.zachleat.com If you like it, there's more...
Also, the big ones, but those take a bit more time.
Replying to
@zachleat@fediverse.zachleat.com 😈
It's tough finding things that fit sometimes 😳 So many language codes for that...
Replying to
@JaneOri@front-end.social Glad you enjoyed, and sorry about the path deletion... I will make that feature double click instead of single click (and add a note on top about it). Thanks for playing.
Replying to
@chriskirknielsen@front-end.social Some people told me that they were a bit difficult, so I made these two easier... but don't worry, I already have one prepared for next week that won't be so easy.
April 23 comiCSS Game: 4Connect
https://comicss.art/games/37/
Today's game is tougher than it seems. It combines HTML and JS, and has some red herrings to make it a bit more difficult than usual (but that's, like, my opinion... you may find it super easy 😅).
Replying to
@natecox I tried to fix it. Rearranged things a little. Hopefully it's Ok now. I'll pay more attention to these, they can become annoying.
Do you like anagrams and HTML? Then you’ll enjoy this comiCSS puzzle!
https://comicss.art/games/31/
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?
Replying to
@vrugtehagel Thanks for playing and for taking the time to share this. I really appreciate it. Inconsistencies like that can be frustrating, especially in a puzzle setting. I’ll pay closer attention to these details going forward to avoid mistakes.
New comiCSS game: Branches
https://comicss.art/games/27/
Can you find all CSS-themed words? There are 8 (root + 7 related terms).
Replying to
@ollicle noted. I'll add JS to save progress. Sorry about that.
Replying to
@sarajw True, living in the US (in Texas, no less!) and working in software development, those feelings are becoming the regular state of affairs at a personal and professional level... which is a bit sad 😓
A couple of articles from this weekend:
A short cynical "rant" about AI and policy (or lack thereof) https://alvaromontoro.com/blog/68106/the-ai-apocalypse-isnt-coming-but-the-risks-are-real
A review of the Spanish soccer team and how changing its culture and focusing on team work made them champions (a little bit LinkedIn-ish style, sorry) https://alvaromontoro.com/blog/68105/the-spanish-football-revolution-from-eternal-candidate-to-world-champion
Replying to
@ollicle today's 4connect? Possibly. I need to get better at adjusting difficulty
comiCSS game for April 16: Branches
https://comicss.art/games/30/
There's a total of 10 hidden words (including the root). Can you find them all?
Replying to
@t3rminus@calamity.world It should be fixed now. Safari was Safariing, and I should have tested this more thoroughly.
Thanks for letting me know.
Replying to
@chriskirknielsen I feel bad about publishing crosswords because they don't work that great on mobile (thanks, Android virtual keyboard). I'm working on adding an HTML keyboard and avoid the native one. I have a few waiting to be published.
Replying to
@chriskirknielsen @ollicle Ideas, ideas...
- make it easier to restart? (instead of forcing a refresh)
- Shuffle option?
- Submit button instead of auto-submit?
- maybe save state to continue later?
The six 4Connect games published on comiCSS, sorted by difficulty, and with links to play online + hints/solutions:
https://alvaromontoro.com/blog/68094/css-games-4connect
Replying to
@ollicle today's game will be ABCnagrams again. Do you prefer HTML, CSS, or JavaScript?
Replying to
Replying to
@ppk by "100% of content after floats" do you want the image to occupy the remaining available width after other elements float around it? If that's it, it'd look like a work for flex more than float (but I may be missing context)
Replying to
@ollicle ok. I made some changes:
- added the save functionality (sorry about losing the game earlier 😳)
- align the letter + hint on top of the input so they are not hidden by the virtual keyboard when it opens
- releases the changes and they are ready for next time (sorry again)
Replying to
@ollicle the HTML and the JS will come later anyway
Replying to
@chriskirknielsen this one's for you :)
What comiCSS game should I publish today?
- 4Connect?
- Branches?
- ABCnagrams?
- Mini-crossword?
Replying to
@natecox what word was it? I may need to improve the instructions and pay more attention to the positions.