The five best design links, every weekday

Domain: bram.us

bram.us

The Future of CSS: Cascade Layers (CSS @layer)

When authoring CSS we have to carefully think about source code order, selector specificity, and the use of !important.

bram.us

The Large, Small, and Dynamic Viewports

There are some changes being proposed regarding viewport units, finally solving that “100vh in Safari on iOS” issue.

bram.us

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.

bram.us

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.

bram.us

The future of CSS: Higher Level Custom Properties

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

bram.us

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.

bram.us

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.

bram.us

Truncating Multi-line Text with CSS

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

bram.us

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.

bram.us

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.