alvaromontoro

Web accessibility ensures that every supporter –including those with visual, auditory, motor, or cognitive disabilities) can use a website–. So how well do these teams' homepages hold up?

As diamonds are defined by the 4 Cs, HTML has 4 Hs that are important and present in every page and, more often than not, get confused by designers and developers.

comiCSS cartoon for August 24, 2026

The appearance of new color formats in CSS has lead to a disruption in the language and how we work with colors. The more traditional color formats like RGB are "on the way out" while new formats like OKLab or OKLCH are rising stars.

I have been using clip-path for ages, especially for CSS Art, but I was today years old when I learned some of the features that are available for the polygon function in clip-path.

Developers love classes. They pile on custom classes everywhere, but HTML already counts with many attributes that do a better job. So why not use them?

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

comiCSS cartoon for July 23, 2026

Over a decade ago, my employer announced layoffs that would happen in waves. Every few months another round arrived. Nobody knew the criteria, who would be affected next, or when. The uncertainty was exhausting and took a toll on everyone. This week, Xbox announced a similar plan, and it brought those memories back.

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

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

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.