Issue #499

Roman Shamin and Travis Turner look at variable fonts with practical examples, file optimization, and accessibility benefits.

Njong Emy shares some advice on starting to create CSS art.

You don’t have to be a frontend expert to build beautiful apps. Retool provides a powerful platform to build UI, connect to data, and publish your app 10x faster. Skip boilerplate code with 90+ pre-built components, and write code nearly anywhere to customize how your apps look and work.

In this quick tip, you’ll learn to create animated anchor links using CSS scroll-behavior property.

Learn how to create a fully functional slideshow using CSS Scroll Snap. You basically need 3 CSS properties to make custom scrolling behavior work: scroll-snap-type, scroll-snap-align, and optionally scroll-snap-stop. In this video, you’ll learn how these properties work and the drawbacks of using this technique.

Michelle Barker gives an overview of new things coming to browsers in the near future.

Vitaly Friedman outlines the problems with infinite scroll and offers some advice on designing a better infinite scroll experience.

Stefan Judis explains how to use the :indeterminate CSS pseudo-class to match different elements with an indeterminate state.

Ahmad Shadeed shares his perspective on designing in the browser and explains why and how he uses both design tools and browsers.

Kitty Giraudel explains how to create an accessible card component.

Looking to up your UX design game? Join us online April 18–20 for An Event Apart Spring Summit 2022 — a 3-day online conference with deep insights into advanced CSS, new design frontiers, container queries, web components, web platform features, SEO + UX, tackling organizational barriers, and more. Save $100 on any multi-day pass with promo code AEACSSW22.

Avvvatars is a collection of beautifully crafted unique avatar placeholders, available as a React package and a Figma library.

A tool that will help you generate massive amounts of fake (but realistic) data for testing and development.

Ibrahim Fariat created a stunning, animated scene using CSS.