Álvaro Montoro
@alvaromontoro.com
2K followers 310 following 1.7K posts
Software Engineer | HTML, CSS, and other web things Microsoft MVP 100% not an alien
Posts Media Videos Starter Packs
alvaromontoro.com
Checking the prices of candy at the store, all the trick-or-treaters at our house this year will be getting tricks.
Reposted by Álvaro Montoro
comicss.art
New comic: Midlife Crisis
comicss.art/comics/216/

#css #cartoon #comic #webdev
comic with 4 panels in a 2x2 grid titled Midlife Crisis. Two characters speak:
- We have a problem with Steve!
- What is it?
- He is going through a midlife crisis...
- Oh no! Did he buy a motorbike?
- No. worse!
- A speedboat?
- Way worse!
- Oh, no! Please tell me it's not...
- Sadly, yes!
- Really? Again??.

The last panel shows a character (Steve) typing in a computer while someone off-panel says: He is building a new JS framework?!
Reposted by Álvaro Montoro
css-only.dev
Do you want to see more cool stuff using modern CSS? This time, the tooltip will consider all four positions, and the tail will always point to the anchor. 👀

css-tip.com/tooltip-anch...

Still 100% CSS magic! 🪄
Reposted by Álvaro Montoro
t3chfest.es
International speakers are welcome to T3chFest 2026! We cover all expenses, send a tech related proposal talk in our call for papers 🌍

Call for Talks - T3chFest 2026
Propón una charla para T3chFest 2026. 12 y 13 de marzo de 2026.
t3chfest.es
alvaromontoro.com
Post by did:plc:xei4kpuuaogvgnvufre7wvjm
alvaromontoro.com
Surprised no one has come up yet with the classic slider. It's ugly and all, but it helps _easily and accurately_™ pick a date within [-200,+200] of today. That should be acceptable, no?
codepen.io/alvaromontor...

#BadUXWorldCup #html #css
Reposted by Álvaro Montoro
aleksandrhovhannisyan.com
> Writing an article

> Hey I should explain some background knowledge first

> Hmm, maybe that should be its own article

> Neither article gets written
alvaromontoro.com
I'm in this post and I hate it.
alvaromontoro.com
I did a single-div CSS Art based on today's inktober prompt: Sting.
codepen.io/alvaromontor...

#inktober #divtober #sting
Cartoon of a bee in kawaii style
alvaromontoro.com
MacOS: System Data 85.28GB

Me: *deletes 2GB of System Data files and cache, empties Trash*

MacOS: System Data 86.94GB

🤬
alvaromontoro.com
I like living dangerously... close to the HD space limit 😅

I got this computer ~8 years ago, and age is starting to show. It is enough for video editing and casual web/mobile development, but the keyboard's dead, and a replacement costs more than a new computer. So an upgrade may be in the horizon.
alvaromontoro.com
OS + System Data basically taking half of my hard drive... Ugh!
Screenshot from MacOS showing space used:
- Other Users & Shared: 1.6MB
- macOS: 16.14GB
- System Data: 85.28GB
Reposted by Álvaro Montoro
anatudor.bsky.social
Please stop setting `width: 100vw` on the `body`.

It's unnecessary. By default, the `body` stretches horizontally as much as necessary.

It's problematic. Setting `width: 100vw` on it can cause overflow even if you remove the default `margin`... because the page may have a scrollbar.

#CSS
alvaromontoro.com
I can't English this morning.
alvaromontoro.com
Practical visualization of how using robots.txt works to prevent AI bots from going through your site.
A cheeto/potato chip used to lock a door
alvaromontoro.com
Any recommendations for newsletter services? (Free for beginners if possible)
alvaromontoro.com
Antifa founder's girlfriend role may be available from what I've heard
Reposted by Álvaro Montoro
css-only.dev
💡 CSS Tip!

A simple line of modern CSS to create a conditional Border Radius. The value will adjust based on either the container width or screen width.

css-tip.com/conditional-...

cc @ishadeed.com @una.im
The following CSS code:
.box {
  border-radius: calc(sign(100cqi - 100%)*2rem);
}
Reposted by Álvaro Montoro
rauljimenez.info
¡Volvemos a la carga! 💪 .
El martes 14 de octubre a las 17:00 daremos una charla (ONLINE) para madres, padres y tutores.

Hablaremos sobre qué está ocurriendo en Internet (redes sociales, juegos online, etc.).

🎯 Objetivo: informar, dar herramientas útiles y resolver dudas.
alvaromontoro.com
This.

The AI results were underwhelming. But that was kind of expected, so my frustration is more towards the other side... and that makes me frustrated with myself too 😓
alvaromontoro.com
- You finished the task already?
- Yes, AI made development so fast
- Nice! Let's chec... Wait... What's that?
- What?
- The copy doesn't match design
- Oh, that's the copy AI generated
- We need the copy from design
- Ok
- ...And the spacing looks off
- Oh, that's the spacing AI generated
...

😖