Issue #414

June 10, 2020

Optimizing Keyboard Navigation Using tabindex and ARIA

Sara Soueidan created a micro-case study on implementing keyboard-friendlier article listings for an online publication.

Lea Verou shares a technique for hybrid positioning with CSS variables and max().

Human-Centered Design: Handling unexpected design scenarios & unusual situations

Join us July 20 for An Event Apart: Online Together, an online web design conference focused on human-centered design—how to best serve our users as they face unprecedented challenges & stress.

Featuring sessions from Margot Bloomstein, Ron Bronson, Scott Jehl, Jeremy Keith, Morten Rand-Hendriksen, & Aarron Walter.

See the full agenda and register now.

Articles & Tutorials

CSS Houdini

Vincent De Oliveira gives an introduction to CSS Houdini.

Grid for Layout, Flexbox for Components

Ahmad Shadeed outlines the differences between CSS Grid and Flexbox.

On Fixed Elements and Backgrounds

Chen Hui Jing on containing blocks, rendering, and scroll performance.

Here’s What I Didn’t Know About “content”

Manuel Matuzovic shares what he found out about the “content” property.

The Surprising Things That CSS Can Animate

Will Boyd shows some neat things you can do by animating CSS properties that aren’t typically associated with animation.

Modern CSS: Writing Better, Cleaner, More Scalable Code

Join an award-winning front-end architect and speaker Harry Roberts for a groundbreaking class that will transform your approach to CSS. Harry walks through his personal method for embracing its features, avoiding overrides and workarounds, and creating code that scales as you grow.

Start Your Free Trial Today