We All Are Ukraine 🇺🇦 — Smashing Magazine

As a design community, we all can’t be silent in these times. We need to be united in our fight against the war, for democracy, for those dreams that children are entitled to have when they are...

Flexbox Dynamic Line Separator

Using CSS flexbox default stretching behaviour to create a dynamic line separator.

Component Spacing in a Design System | CSS-Tricks

How do you handle component spacing in a design system? Do you add margin directly to the components, or outsource it to another component?

A Preview of 4 New CSS Color Features | CSS-Tricks

There many new and upcoming ways to define CSS color. Four new features include Display-P3, LCH, LAB and HWB. Let's preview them together.

How to Favicon in 2026: Three files that fit most needs—Martian Chronicles, Evil Martians’ team blog

Prefer SVG over PNG, trust browsers to downscale, drop obscure formats—the ultimate, exhaustive guide to favicons for modern web. Includes steps for static HTML and Webpack.

The State of JS 2021

Hello, CSS Cascade Layers

A look at CSS cascade layers

Building an adaptive favicon  |  Articles  |  web.dev

A foundational overview of how to build an adaptive favicon.

No Motion Isn't Always prefers-reduced-motion | CSS-Tricks

You may want to think twice before using this CSS that attempts to obliterate any motion on a website using prefers-reduced-motion.

CSS { In Real Life } | Aspect Ratio is Great

CSSUI - Interactive components in Pure CSS

CSSUI is a collection of interactive user interface components realized in pure CSS.

Release Notes for Safari Technology Preview 140

Safari Technology Preview Release 140 is now available for download for macOS Big Sur and of macOS Monterey.

The baseline for web development in 2022

 TL;DR:The baseline for web development in 2022 is: low-spec Android devices in terms of performance, Safari from two years before in terms of W...

Use Cases For CSS fit-content