Issue #516

August 11, 2022

@container and :has(): two powerful new responsive APIs landing in Chromium 105

Una Kravets explains how container queries and :has() selector can help you create responsive interfaces.

Jhey Tompkins gives a nice introduction to :has() selector.

Retool is the fast way to build internal tools.

Retool is the fast way for developers to build and share internal tools. Teams at thousands of companies like Amazon, DoorDash, Peloton, and Brex collaborate around custom-built Retool apps to solve internal workflows. Get started for free today.

Learn More

Articles & Tutorials

Light/Dark Mode

Sara Wallén explains how to create a light/dark mode switcher.

Not All Zeros are Equal

Miriam Suzanne outlines a few common situations where removing units from 0 value will break your code.

The horizontal overflow problem

Chen Hui Jing gives some advice on avoiding the horizontal overflow problem.

How I Added Scroll Snapping To My Twitter Timeline

Šime Vidas shares how CSS Scroll Snap allows websites to snap the web page or any other scroll container to a specific scroll position when the user performs a scrolling operation.

How Our Organization Improved Web Accessibility (Case Study)

Catherine Houle and Ilknur Eren share how their organization removes barriers for people who learn and think differently by combining accessibility and usability in their processes.

Looking to up your UX design game?

Join us at An Event Apart Denver this coming October 10–12 for our first in-person event since 2019.

Topics will include new CSS features, design system tooling, accessibility, responsive animation, global design, and allying UX with SEO, with speakers including Rachel Andrew, Chris Coyier, Dave Rupert, Jason Grigsby, Miriam Suzanne, Preston So, Val Head, and Wil Reynolds.

Tools

Announcing Docusaurus 2.0

Docusaurus is a static site generator that helps you ship beautiful documentation websites in no time.

Check it out

Random Users

Random Users is a tool that allows you to generate random user profile pictures and names and use them as placeholders for your prototypes and design projects.

Check it out