Álvaro Montoro
@alvaromontoro.com
Software Engineer | HTML, CSS, and other web things
Microsoft MVP
100% not an alien
Microsoft MVP
100% not an alien
My personal website is very old... time to update it again, I guess.
November 26, 2025 at 12:04 AM
My personal website is very old... time to update it again, I guess.
Reposted by Álvaro Montoro
An interactive demo: codepen.io/t_afif/full/... via @codepen.io
November 25, 2025 at 6:58 PM
An interactive demo: codepen.io/t_afif/full/... via @codepen.io
Reposted by Álvaro Montoro
This is literal genius: codepen.io/t_afif/pen/N...
Screen width/height (CSS-only)
https://css-tip.com/screen-dimension/...
codepen.io
November 25, 2025 at 9:06 PM
This is literal genius: codepen.io/t_afif/pen/N...
Reposted by Álvaro Montoro
An article about triangles and CSS. I have always said that using borders to draw triangles with CSS is a hacky solution and shouldn't be used... but there are exceptions. Spoiler alert: they involve logical properties.
alvaromontoro.com/blog/68086/d...
#css #html #webdev
alvaromontoro.com/blog/68086/d...
#css #html #webdev
Drawing Triangles with CSS Using Borders... an Exception
A long time ago, I wrote an article about drawing triangles in CSS, and explained why the common border-based approach was far from ideal and should generally be avoided. In this article, I revisit a ...
alvaromontoro.com
November 24, 2025 at 3:42 PM
An article about triangles and CSS. I have always said that using borders to draw triangles with CSS is a hacky solution and shouldn't be used... but there are exceptions. Spoiler alert: they involve logical properties.
alvaromontoro.com/blog/68086/d...
#css #html #webdev
alvaromontoro.com/blog/68086/d...
#css #html #webdev
Reposted by Álvaro Montoro
💡 CSS Tip!
Use modern CSS to create an arrow shape that adjusts according to the direction and writing mode. A direction-aware shape!
css-tip.com/arrow/
Another cool use case of corner-shape
Use modern CSS to create an arrow shape that adjusts according to the direction and writing mode. A direction-aware shape!
css-tip.com/arrow/
Another cool use case of corner-shape
November 25, 2025 at 11:52 AM
💡 CSS Tip!
Use modern CSS to create an arrow shape that adjusts according to the direction and writing mode. A direction-aware shape!
css-tip.com/arrow/
Another cool use case of corner-shape
Use modern CSS to create an arrow shape that adjusts according to the direction and writing mode. A direction-aware shape!
css-tip.com/arrow/
Another cool use case of corner-shape
Reposted by Álvaro Montoro
November 25, 2025 at 4:29 AM
An article about triangles and CSS. I have always said that using borders to draw triangles with CSS is a hacky solution and shouldn't be used... but there are exceptions. Spoiler alert: they involve logical properties.
alvaromontoro.com/blog/68086/d...
#css #html #webdev
alvaromontoro.com/blog/68086/d...
#css #html #webdev
Drawing Triangles with CSS Using Borders... an Exception
A long time ago, I wrote an article about drawing triangles in CSS, and explained why the common border-based approach was far from ideal and should generally be avoided. In this article, I revisit a ...
alvaromontoro.com
November 24, 2025 at 3:42 PM
An article about triangles and CSS. I have always said that using borders to draw triangles with CSS is a hacky solution and shouldn't be used... but there are exceptions. Spoiler alert: they involve logical properties.
alvaromontoro.com/blog/68086/d...
#css #html #webdev
alvaromontoro.com/blog/68086/d...
#css #html #webdev
Reposted by Álvaro Montoro
November 24, 2025 at 10:12 AM
It feels like an eternity now. I can't believe it's been only 7 years since this.
November 24, 2025 at 4:35 AM
It feels like an eternity now. I can't believe it's been only 7 years since this.
Lamp (new with lampshade): $15.
Lampshade replacement: $20.
Make it make sense.
Lampshade replacement: $20.
Make it make sense.
November 23, 2025 at 2:01 AM
Lamp (new with lampshade): $15.
Lampshade replacement: $20.
Make it make sense.
Lampshade replacement: $20.
Make it make sense.
People: Disable the new AI settings! When you do, Gmail becomes a mess.
Me (who has had them disabled for months): New?
----
I might have been in a beta or something?
But for real, disable them. You won't be missing the features that are taken off.
Me (who has had them disabled for months): New?
----
I might have been in a beta or something?
But for real, disable them. You won't be missing the features that are taken off.
November 22, 2025 at 4:22 PM
People: Disable the new AI settings! When you do, Gmail becomes a mess.
Me (who has had them disabled for months): New?
----
I might have been in a beta or something?
But for real, disable them. You won't be missing the features that are taken off.
Me (who has had them disabled for months): New?
----
I might have been in a beta or something?
But for real, disable them. You won't be missing the features that are taken off.
Reposted by Álvaro Montoro
🚨 Mañana domingo acaba el plazo para poder enviar una propuesta de charla en el Call for Talks de T3chFest. ¡Te estamos esperando!
Call for Talks - T3chFest 2026
Propón una charla para T3chFest 2026. 12 y 13 de marzo de 2026.
t3chfest.es
November 22, 2025 at 3:31 PM
🚨 Mañana domingo acaba el plazo para poder enviar una propuesta de charla en el Call for Talks de T3chFest. ¡Te estamos esperando!
What's up with all the spam accounts and posts this morning?
November 22, 2025 at 1:18 PM
What's up with all the spam accounts and posts this morning?
Reposted by Álvaro Montoro
What CSS color is never on time?
Choco-late.
Choco-late.
November 21, 2025 at 6:15 PM
What CSS color is never on time?
Choco-late.
Choco-late.
State of the State of HTML.
November 21, 2025 at 5:19 PM
State of the State of HTML.
Reposted by Álvaro Montoro
HTMHell #5 - An introduction to the popover attribute
YouTube video by HTMHell
www.youtube.com
November 21, 2025 at 12:12 PM
Reposted by Álvaro Montoro
Pues he propuesto un par de charlas para @t3chfest.es 2026, ¡anímate tú también! t3chfest.es/2026/call-fo... #t3chfest
Call for Talks - T3chFest 2026
Propón una charla para T3chFest 2026. 12 y 13 de marzo de 2026.
t3chfest.es
November 21, 2025 at 12:42 PM
Pues he propuesto un par de charlas para @t3chfest.es 2026, ¡anímate tú también! t3chfest.es/2026/call-fo... #t3chfest
Reposted by Álvaro Montoro
Call for guests:
Looking for people to interview for @devtools.fm
Requirements:
- we haven’t talked (or it’s been a long time)
- you build a tool for devs
Looking for people to interview for @devtools.fm
Requirements:
- we haven’t talked (or it’s been a long time)
- you build a tool for devs
November 21, 2025 at 12:22 AM
Call for guests:
Looking for people to interview for @devtools.fm
Requirements:
- we haven’t talked (or it’s been a long time)
- you build a tool for devs
Looking for people to interview for @devtools.fm
Requirements:
- we haven’t talked (or it’s been a long time)
- you build a tool for devs
I picked the wrong day to stop drinking coffee.
November 20, 2025 at 2:38 PM
I picked the wrong day to stop drinking coffee.
Not in Powerpoint, but here's an unfinished collection of flags drawn in CSS using a single HTML element: codepen.io/alvaromontor...
#css #html #webdev
#css #html #webdev
November 20, 2025 at 3:04 AM
Not in Powerpoint, but here's an unfinished collection of flags drawn in CSS using a single HTML element: codepen.io/alvaromontor...
#css #html #webdev
#css #html #webdev
Databases 101 professors in the early 2000s: First you connect to the server, then select a database to work with, and finally run your queries and commands.
Developers in 2025: Connect to the server, and LEEEEEEROY JEEEEEENKINS!
Developers in 2025: Connect to the server, and LEEEEEEROY JEEEEEENKINS!
November 19, 2025 at 1:17 PM
Databases 101 professors in the early 2000s: First you connect to the server, then select a database to work with, and finally run your queries and commands.
Developers in 2025: Connect to the server, and LEEEEEEROY JEEEEEENKINS!
Developers in 2025: Connect to the server, and LEEEEEEROY JEEEEEENKINS!
Reposted by Álvaro Montoro
codepen.io is down with all the CloudFlare thingy going on... but cdpn.io isn't...
You couldn't share /pen/ demos, but you could potentially share /debug/ demos (I think) cdpn.io/pen/debug/NP...
You couldn't share /pen/ demos, but you could potentially share /debug/ demos (I think) cdpn.io/pen/debug/NP...
CSS Game: Guess the Movie
cdpn.io
November 18, 2025 at 1:42 PM
codepen.io is down with all the CloudFlare thingy going on... but cdpn.io isn't...
You couldn't share /pen/ demos, but you could potentially share /debug/ demos (I think) cdpn.io/pen/debug/NP...
You couldn't share /pen/ demos, but you could potentially share /debug/ demos (I think) cdpn.io/pen/debug/NP...