alvaromontoro

CSS treats @supports as context-blind, and that leads to surprising (and misleading) behavior in real browsers.

A collection of 10 cool and exciting front-end demos shared on CodePen during April 2026

This is a submission for Weekend Challenge: Earth Day Edition What I Built For this...

If you enjoy web development, puzzles, crosswords, and games like NYT's Connections, this one's for you.

How to share CodePen 2.0 demos on DEV

A collection of 10 cool and exciting front-end demos shared on CodePen during March 2026

This city is built with CSS. No SVG. No images. No HTML. Just gradients... and a bit of patience.

A collection of 10 cool and exciting front-end demos shared on CodePen during February 2026

The CSS Working Group has published the Values and Units Module Level 5, which introduces native mechanisms for generating random content using only CSS. This is the tl;dr of a longer article exploring randomness in CSS.

A collection of 10 cool and exciting front-end demos shared on CodePen during January 2026

Illustration of a cat dressed up like an astronaut, looking at the stars on top of the moon.

A collection of 50+ optical illusions coded with CSS and HTML.

A collection of optical illusions created with CSS

This short article shows how to create a houndstooth pattern using only two CSS properties (and a variable to easily change sizes). With a 1-minute video showing how it's done.

A collection of 10 cool and exciting front-end demos shared on CodePen during December 2025

New year, new collection of web development puns and short jokes! They are all equally terrible and funny... ok, more terrible than funny, but who's counting?

A stunning discovery promises to shake up a long-running sticky debate online

After the boxing match between Joshua and Blake, I put together a small meme generator demo inspired by one of the match's most iconic images. In this article I explain how it's done.

A collection of single-liners, clever puns, and unapologetic dad jokes where HTML and CSS take center stage.

https://alvaromontoro.com/blog/68087/bad-css-dad-jokes-v

A collection of 10 cool and exciting front-end demos shared on CodePen during November 2025

A collection of 10 cool and exciting front-end demos shared on CodePen during October 2025

Cartoon of an iceberg floating coded in CSS, with zero HTML.

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 scenario where using borders might actually be convenient.

I haven't shared any terrible dad jokes in a while... did you think the nightmare was over? Think again! This time, I'm back with a whole batch of Halloween-themed Web Developer Dad Jokes.

Time-lapse of my latest CSS Art: a rabbit bringing chaos 🐇🔥

This Saturday, I found some time to sit down and draw with code. I ended up creating this kawaii style bee using just one HTML element and some CSS. With a video of the coding process.

A collection of 10 cool and exciting front-end demos shared on CodePen during September 2025

Five real interview stories I personally went through in my (still going) career. From bizarre brainteasers to lightning-fast rejections or unexpected "manager" duties, each stranger than the last.

Styling headings in CSS is about to get much easier. With the new :heading pseudo-class and :heading() function, you can target headings in a cleaner and more flexible way.