The five best design links, every weekday


Cool Tools

Chris Brandrick at Frontend Focus asked me to share five tools, libraries or packages that I love.

Modern CSS Layout is Awesome

If you want to get up to speed on what’s new in CSS layout, this is a good place to start.

Reducing Complexity in Front End Development

As web applications grow larger, they inevitably fall prey to complexity, despite our best intentions.

Exploring :has() Again

What I’m realizing as I continue to play around with :has() is that in practice, we can select any element in the DOM relative to another.

Resizing with CSS

In case you missed it, container queries landed in all stable browsers this week.

Logical Border Radius

Logical properties typically refer to the inline or block axis, which are different depending on the direction or writing mode.

CSS Halftone Patterns

A little while ago, Ana Tudor created an impressive collection of halftone patterns using only CSS.

Web Sustainability and the Ethical Dilemma

It was interesting to hear about the challenges of measuring the carbon emissions of a website.

A Handy Use For Cascade Layers

I was just preparing a demo and it suddenly occurred to me that cascade layers would be a perfect solution to a problem I was having.

Logical Properties for Useful Shorthands

Something I like about logical properties is the ability to set margins or padding on just a single axis on an element, while leaving the other alone.

Masonry? In CSS?!

Pinterest’s grid design is a commonly-cited example whenever the masonry conversation comes up.

Exciting Times for Browsers (and CSS)

This month saw Safari drop a new release that includes support for a tonne of new stuff.

Aspect Ratio is Great

A little thing about why aspect-ratio sparks joy.

Is it Time to Ditch the Design Grid?

I came across this website, Gridless Design recently, and it immediately struck a chord.

Detecting Hover-Capable Devices

We developers can no longer rely on viewport size as the factor that determines the styles we serve up to our website users.

Paper Snowflakes: Combining Clipping and Masking in CSS

Just after Christmas I made a fun little Codepen demo recreating realistic-looking paper snowflakes in CSS, inspired by our homemade decorations!

A Utility Class for Covering Elements

Here’s something I find myself needing to do again and again in CSS: completely covering one element with another.

Drop-Shadow: The Underrated CSS Filter

If you’re familiar with CSS, you probably know all about the box-shadow property.

Irregular-shaped Links with Subgrid

Card-based UIs are commonly-used web design patterns, and it’s not unusual to build a UI that requires a hover effect to be applied to an entire card.

Exciting Things on the Horizon For CSS Layout

This past week has brought a few announcements from browser vendors of some exciting things that might have a big impact on CSS layout.