Issue #470

August 25, 2021

CSS Grid Tooling in DevTools

Changhao Han shares how their team designed and implemented CSS Grid tooling support in DevTools.

Smooth and Simple Page Transitions With the Shared Element Transition API

Jake Archibald gives an introduction to the shared element transition API, which allows page transitions within single-page apps.

Free Chat/Messaging UI Kits for Your Website or App

Stream Chat makes it easy to add a powerful messaging experience to any dev project, with free UI kit downloads and customizable components for 5 popular use cases: livestream chat, team collaboration, social messaging, customer support, and gaming.

Try for free

Articles & Tutorials

Does Shadow DOM Improve Style Performance?

Nolan Lawson explores the effects of shadow DOM on style performance.

The Big Gotcha With Custom Properties

Chris Coyier explains the common misconception about Custom Properties.

CSS Pseudo Commas

S. Shahriar explores some ways to spread list items into a sentence with proper formatting (punctuation and conjunction) using pseudo-elements.

Accessibility from the Ground Up

Kitty Giraudel offers some advice on getting started with accessibility, so you consider it all throughout the project’s development lifecycle instead of at the end like usual.

Chrome DevTools: Better Accessibility Inspection With the Source Order Viewer

Umar Hansa shows a simple tip on how to inspect source order using DevTools.

Sharpen your web design skills in just three days

An Event Apart Online Together: Fall Summit 2021 is a three-day web design conference with an intense focus on digital design, UX, content, code, and more—featuring 15 in-depth sessions, Q&A with the speakers, and more. You’ll get deep insights into where we are now and where we’re going next. Join us online October 11–13.

See the agenda and register now.