The five best design links, every weekday


The Future of CSS: Scroll-Linked Animations with @scroll-timeline (Part 2)

Create (pure CSS) Scroll-Linked Animations with Element-based Offsets using @scroll-timeline from the “Scroll-linked Animations“ CSS Specification.

Animating a CSS Gradient Border

Recently, Stephanie Eckles sent out a call to revive the use of CSS border-image. Not to use it with images but to create Gradient Borders in CSS.

The future of CSS: Higher Level Custom Properties

Higher Level Custom Properties are Custom Properties that control multiple other CSS Properties.

Native Aspect Ratio Boxes in CSS thanks to aspect-ratio

In “CSS Box Sizing Module Level 4” a new aspect-ratio CSS property is defined. Let’s take a look at how to use it.

Container Queries are coming to Chromium!

Just announced on the Chromium mailing list is an “Intent to Prototype” Container Queries. Let's take a look at the proposed syntax.

Truncating Multi-line Text with CSS

Firefox 68 will support -webkit-line-clamp (prefixed!), which allows one to trunacate multi-line text using CSS.

Building Better Forms™ by not taking away affordances

Don't fiddle too much with your forms‘ layout. Even a small innocent piece of CSS could leave you with a poor #UX and degrade #A11Y.

Aspect Ratios in CSS are a Hack

Exploring what the current techniques are to creating Aspect Ratios in CSS, and what the future will hopefully bring.