Issue #486

December 22, 2021

The CSS :has() Selector Is Way More Than a “Parent Selector”

Bramus Van Damme gives an introduction to :has() selector, already available in Safari Technology Preview 137.

Stephanie Eckles shares an excellent, in-depth introduction to CSS variables while explaining how they enable incredible flexibility throughout your stylesheets.

Modern CSS: Writing Better, Cleaner, More Scalable Code

Looking to write clean, sustainable, and scalable CSS?

Join award-winning front-end architect and speaker Harry Roberts for a groundbreaking class that will transform your approach to CSS.

Join Skillshare

Articles & Tutorials

Smoothly Reverting CSS Animations

Nikola Đuza demonstrates how to revert a hover transition smoothly.

Compat 2021 Holiday Update: Presents for Developers Before the End of the Year

Philip Jägenstedt and Mariko Kosaka give an update on Compat 2021—an effort to eliminate browser compatibility problems in five key focus areas: CSS Flexbox, CSS Grid, position: sticky, aspect-ratio, and CSS transforms.

Preference Queries

Stephanie Eckles reviews two best-supported media queries that can detect user preferences: prefers-reduced-motion and prefers-color-scheme.

CSS Me Not

Stoyan Stefanov offers his thoughts on the current state of CSS.

Tailwind and the Femininity of CSS

Elaina Natario examines the underlying reasons of why we undervalue front-end expertise in web development.

Tools for Improving Product Accessibility

Join Christian by putting yourself in the shoes of your users, enabling you to develop products that are not only compliant with accessibility regulations, but flexible for a spectrum of uses.

Learn more

Tools

SVGcode: Convert Raster Images to SVG Vector Graphics

SVGcode is a Progressive Web App for converting raster images such as JPG, PNG, GIF, WebP, and AVIF to vector graphics in SVG format.

Check it out

Add-to-Calendar Button

A convenient JavaScript snippet that lets you create beautiful buttons that allow people to add events to their calendars.

Check it out

Inspiration

Lynn Fisher's Portfolio

Lynn Fisher redesigned her portfolio again. As always, her work is impressive, inspiring, and mind-bending. (Hint. Resize the browser to see the magic.)

Get inspired