Álvaro Montoro
@alvaromontoro.com
Software Engineer | HTML, CSS, and other web things
Microsoft MVP
100% not an alien
Microsoft MVP
100% not an alien
Reposted by Álvaro Montoro
Do you use zoom? OS level, browser level?
February 6, 2026 at 5:43 PM
Do you use zoom? OS level, browser level?
The "Yes, I used AI to code the UI for me, how did you know?" UI.
February 6, 2026 at 6:30 PM
The "Yes, I used AI to code the UI for me, how did you know?" UI.
Reposted by Álvaro Montoro
I just took the time to add proper link previews for all of my blog posts. Here is an example.
scriptraccoon.dev/blog/create-...
scriptraccoon.dev/blog/create-...
How to create a pure CSS maze game
without any JavaScript
scriptraccoon.dev
February 6, 2026 at 4:40 PM
I just took the time to add proper link previews for all of my blog posts. Here is an example.
scriptraccoon.dev/blog/create-...
scriptraccoon.dev/blog/create-...
Reposted by Álvaro Montoro
For people who think it's useless because we can simply define max/min-width are missing the point.
It's not only about that specific case, but also about any combination that involves other values as well.
It's not only about that specific case, but also about any combination that involves other values as well.
February 6, 2026 at 10:02 AM
For people who think it's useless because we can simply define max/min-width are missing the point.
It's not only about that specific case, but also about any combination that involves other values as well.
It's not only about that specific case, but also about any combination that involves other values as well.
Reposted by Álvaro Montoro
border-shape can handle both insets and outsets, so you can do effects like this chevron nav (corner-shape can't do both).
This means you get a perfectly-wrapping focus ring without needing to manage z-index or having it partially covered due to overlap.
Demo: codepen.io/una/pen/ByzY...
This means you get a perfectly-wrapping focus ring without needing to manage z-index or having it partially covered due to overlap.
Demo: codepen.io/una/pen/ByzY...
February 5, 2026 at 8:08 PM
border-shape can handle both insets and outsets, so you can do effects like this chevron nav (corner-shape can't do both).
This means you get a perfectly-wrapping focus ring without needing to manage z-index or having it partially covered due to overlap.
Demo: codepen.io/una/pen/ByzY...
This means you get a perfectly-wrapping focus ring without needing to manage z-index or having it partially covered due to overlap.
Demo: codepen.io/una/pen/ByzY...
Reposted by Álvaro Montoro
comiCSS #122: Astronaut
comicss.art/comics/122/a...
February 8, 2024 – This is one of my favorites cartoon in that series. The code is supposed to be based on Bowie's Space Oddity but, the more I read it, the less I see it 😅
#css #cartoon #webdev
comicss.art/comics/122/a...
February 8, 2024 – This is one of my favorites cartoon in that series. The code is supposed to be based on Bowie's Space Oddity but, the more I read it, the less I see it 😅
#css #cartoon #webdev
February 6, 2026 at 12:09 PM
comiCSS #122: Astronaut
comicss.art/comics/122/a...
February 8, 2024 – This is one of my favorites cartoon in that series. The code is supposed to be based on Bowie's Space Oddity but, the more I read it, the less I see it 😅
#css #cartoon #webdev
comicss.art/comics/122/a...
February 8, 2024 – This is one of my favorites cartoon in that series. The code is supposed to be based on Bowie's Space Oddity but, the more I read it, the less I see it 😅
#css #cartoon #webdev
I recall a meme someone posted earlier today but I can't find it anymore. It was something about a person developing a skill with AI, and another person replying something like "So you wrote Markdown" Then the first person replies something like "Not Markdown. It's AI coding.... Yes, it's Markdown"
February 5, 2026 at 11:50 PM
I recall a meme someone posted earlier today but I can't find it anymore. It was something about a person developing a skill with AI, and another person replying something like "So you wrote Markdown" Then the first person replies something like "Not Markdown. It's AI coding.... Yes, it's Markdown"
Can you group these CSS colors in categories?
comicss.art/games/8/
comicss.art/games/8/
February 5, 2026 at 3:21 PM
Can you group these CSS colors in categories?
comicss.art/games/8/
comicss.art/games/8/
Reposted by Álvaro Montoro
💡 CSS Tip!
Have you ever tried to use "auto" within clamp()? Unfortunately, it doesn't work, but it's now possible using the new calc-size()!
css-tip.com/clamp-auto/
The same applies to all the sizing values (min-content, max-content, fit-content, etc.)
Have you ever tried to use "auto" within clamp()? Unfortunately, it doesn't work, but it's now possible using the new calc-size()!
css-tip.com/clamp-auto/
The same applies to all the sizing values (min-content, max-content, fit-content, etc.)
February 5, 2026 at 11:10 AM
💡 CSS Tip!
Have you ever tried to use "auto" within clamp()? Unfortunately, it doesn't work, but it's now possible using the new calc-size()!
css-tip.com/clamp-auto/
The same applies to all the sizing values (min-content, max-content, fit-content, etc.)
Have you ever tried to use "auto" within clamp()? Unfortunately, it doesn't work, but it's now possible using the new calc-size()!
css-tip.com/clamp-auto/
The same applies to all the sizing values (min-content, max-content, fit-content, etc.)
Reposted by Álvaro Montoro
Do you like the NYT Connections game? Do you like CSS? Then the new comiCSS game is for you! 😊
4Connect: comicss.art/games/8/
#CSS #Game
4Connect: comicss.art/games/8/
#CSS #Game
comiCSS
comiCSS Games: games about CSS. Coded in CSS (mostly).
comicss.art
February 5, 2026 at 2:11 AM
Do you like the NYT Connections game? Do you like CSS? Then the new comiCSS game is for you! 😊
4Connect: comicss.art/games/8/
#CSS #Game
4Connect: comicss.art/games/8/
#CSS #Game
Reposted by Álvaro Montoro
My first pen of 2026 is another set of glitchy, colourful checkboxes animated with @gsap-greensock.bsky.social: codepen.io/jdillon/full... @codepen.io #JS #UI #GSAP
Glitchy checkboxes with SVG and GSAP
...
codepen.io
February 4, 2026 at 7:41 PM
My first pen of 2026 is another set of glitchy, colourful checkboxes animated with @gsap-greensock.bsky.social: codepen.io/jdillon/full... @codepen.io #JS #UI #GSAP
I'll be speaking at DeveloperWeek in 2 weeks in San Jose.
Any recommendations for that area?
Any recommendations for that area?
February 4, 2026 at 6:02 PM
I'll be speaking at DeveloperWeek in 2 weeks in San Jose.
Any recommendations for that area?
Any recommendations for that area?
Reposted by Álvaro Montoro
It looks like I won't get some Bluesky features from now on.
February 3, 2026 at 11:35 PM
It looks like I won't get some Bluesky features from now on.
Reposted by Álvaro Montoro
February 3, 2026 at 3:36 PM
It's funny how many conversations about current "trends" in technology start with "leaving aside [list of terrible really bad awful things], XYZ is really good for..." (a prefix that eventually is obviated). People being ok with that doesn't say many good things about the state of our industry.
February 2, 2026 at 11:11 PM
It's funny how many conversations about current "trends" in technology start with "leaving aside [list of terrible really bad awful things], XYZ is really good for..." (a prefix that eventually is obviated). People being ok with that doesn't say many good things about the state of our industry.
Firefox: Of course I support `transition-behavior: allow-discrete`!
Also Firefox: What do you mean `display`?
Also Firefox: What do you mean `display`?
February 2, 2026 at 6:51 PM
Firefox: Of course I support `transition-behavior: allow-discrete`!
Also Firefox: What do you mean `display`?
Also Firefox: What do you mean `display`?
Reposted by Álvaro Montoro
New release: Web Development Conspiracy
comicss.art/comics/234/
Unleash your inner conspiracy-loving side and craft your own wild web development theory with this mad-lib table! 😄
#css #webdev #joke
comicss.art/comics/234/
Unleash your inner conspiracy-loving side and craft your own wild web development theory with this mad-lib table! 😄
#css #webdev #joke
February 2, 2026 at 3:07 AM
New release: Web Development Conspiracy
comicss.art/comics/234/
Unleash your inner conspiracy-loving side and craft your own wild web development theory with this mad-lib table! 😄
#css #webdev #joke
comicss.art/comics/234/
Unleash your inner conspiracy-loving side and craft your own wild web development theory with this mad-lib table! 😄
#css #webdev #joke
Reposted by Álvaro Montoro
A cat. On the moon. In a spacesuit.
Built with HTML + CSS only 🚀🐱 (reusing some previously coded parts)
Source code on @codepen.io: codepen.io/alvaromontor...
#CSS #CSSArt #WebDev
Built with HTML + CSS only 🚀🐱 (reusing some previously coded parts)
Source code on @codepen.io: codepen.io/alvaromontor...
#CSS #CSSArt #WebDev
February 1, 2026 at 6:18 PM
A cat. On the moon. In a spacesuit.
Built with HTML + CSS only 🚀🐱 (reusing some previously coded parts)
Source code on @codepen.io: codepen.io/alvaromontor...
#CSS #CSSArt #WebDev
Built with HTML + CSS only 🚀🐱 (reusing some previously coded parts)
Source code on @codepen.io: codepen.io/alvaromontor...
#CSS #CSSArt #WebDev
Today!
Six more weeks of adding tailwind classes.
Six more weeks of adding tailwind classes.
Tomorrow is Groundhog Day. Remember: if Phil sees his shadow, that's 6 more Tailwind classes (in every HTML tag, in every page)
#css #cssArt #joke #groundhogDay
#css #cssArt #joke #groundhogDay
February 2, 2026 at 1:19 PM
Today!
Six more weeks of adding tailwind classes.
Six more weeks of adding tailwind classes.
A cat. On the moon. In a spacesuit.
Built with HTML + CSS only 🚀🐱 (reusing some previously coded parts)
Source code on @codepen.io: codepen.io/alvaromontor...
#CSS #CSSArt #WebDev
Built with HTML + CSS only 🚀🐱 (reusing some previously coded parts)
Source code on @codepen.io: codepen.io/alvaromontor...
#CSS #CSSArt #WebDev
February 1, 2026 at 6:18 PM
A cat. On the moon. In a spacesuit.
Built with HTML + CSS only 🚀🐱 (reusing some previously coded parts)
Source code on @codepen.io: codepen.io/alvaromontor...
#CSS #CSSArt #WebDev
Built with HTML + CSS only 🚀🐱 (reusing some previously coded parts)
Source code on @codepen.io: codepen.io/alvaromontor...
#CSS #CSSArt #WebDev
Reposted by Álvaro Montoro
New "cartoon" tomorrow. But if you are curious, you can see it early on Patreon (for free): www.patreon.com/posts/149411...
Web Development Conspiracies | comiCSS
Get more from comiCSS on Patreon
www.patreon.com
February 1, 2026 at 5:13 PM
New "cartoon" tomorrow. But if you are curious, you can see it early on Patreon (for free): www.patreon.com/posts/149411...
Reposted by Álvaro Montoro
Tomorrow is Groundhog Day. Remember: if Phil sees his shadow, that's 6 more Tailwind classes (in every HTML tag, in every page)
#css #cssArt #joke #groundhogDay
#css #cssArt #joke #groundhogDay
February 1, 2026 at 2:34 PM
Tomorrow is Groundhog Day. Remember: if Phil sees his shadow, that's 6 more Tailwind classes (in every HTML tag, in every page)
#css #cssArt #joke #groundhogDay
#css #cssArt #joke #groundhogDay
Reposted by Álvaro Montoro
The cool thing about learning to play songs that you love is that you get to fall in love with them even more. Listening is great, but playing hits different.
February 1, 2026 at 3:52 AM
The cool thing about learning to play songs that you love is that you get to fall in love with them even more. Listening is great, but playing hits different.