Support for text-wrap: pretty just shipped in Safari Technology Preview, bringing an unprecedented level of polish to typography on the web. Let’s take a look at what the WebKit version of pretty does — it’s probably a lot more than you expect. Then, we’ll compare it to balance and the other text-wrap values to better understand when to use which one.

Browsers are starting to roll out changes in default UA styles for nested section headings. This post describes the incoming changes, how to identify if it's an issue on your websites, and hints for conformant and better-structured pages.

Two weeks ago, Jen Simmons from the Webkit team shared an article about a new layout module called Item Flow. The idea is to unify the flex-flow and grid-auto-flow into a unified system. This path will lead to CSS masonry being integrated into the new syntax. Currently, the Item Flow is being discussed by the CSS working group. The goal of this article is to share my notes as I explore the new syntax.

Cover Flow – the iconic carousel of tilted album covers made famous by Apple in the late 2000s – remains a visually striking UI pattern. Originally seen in iTunes and Mac OS X Finder, Cover Flow let users flip through items as if browsing a tangible collection. Today, we can recreate this effect on the web using only HTML and CSS, thanks to advancements like CSS scroll-driven animations.

When to use CSS custom properties vs Sass variables in design systems: runtime theming vs compile-time constants, dynamic flexibility vs immutable foundations.