alvaromontoro

Cartoon with dance moves inspired by CSS math functions

Last month, I participated as a speaker at the Commit Your Code conference in Plano, Texas. The talks, the organization, and the people who attended, made it a very special event that left me with a big smile on my face.

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

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

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