No bloat, no magic, no config. Mastro gets out of the way, so that you can focus on building awesome websites.

Learn how to create a dynamically re-anchored pointer element.

CSS custom functions are a gamechanger. Here are 5 really useful examples.

Learn how to use the new range syntax for CSS style queries and the if() function.

Argues that JS isn’t as necessary anymore, and that CSS can replace many niches previously filled by JS. Some strategies for avoiding JS.

Reshaped provides professionally crafted component libraries in React and Figma to make your product design and development faster.

A demonstration of what can be accomplished visually through CSS-based design.

Mailing list for new content at the Web Design References site.

Comprehensive guide on HTML, CSS, Accessibility, &c.

System font stack CSS organized by typeface classification for every modern OS

Empower the web community and invite more to build cross-platform apps

Let’s spend some time looking at disclosures, the Dialog API, the Popover API, and more. We’ll look at the right time to use each one depending on your needs. Modal or non-modal? JavaScript or pure HTML/CSS? Not sure? Don’t worry, we’ll go into all that.

A fresh look at the CSS grid template areas and how to take advantage of its full potential today.

A collection of ten simple one-line CSS solutions to add little improvements to any web page. :: Blog post at Alvaro Montoro’s Personal Website.

A fun collection of free SVG generators for gradients, patterns, shapes, textures