CSS

S

CSS Beginner

scrollbar-gutter: The Layout Shift You Blamed on Everything Else

Content jumps sideways when navigating between short and long pages because the scrollbar appears and steals width. One property reserves the space permanently.

Oct 13, 2025 2 min 1,401 Read →

M

CSS Intermediate

mask-image: Fade Out Edges Without Baking Gradients into Assets

The soft fade at the bottom of a collapsed article, scroll hints on overflowing tabs, icon recoloring from a single SVG - all one property that composites with gradients.

Oct 5, 2025 2 min 561 Read →

C

CSS Intermediate

clip-path and shape-outside: Text That Flows Around Actual Shapes

Slanted section dividers, circular image crops, magazine-style text wrap around a portrait - two properties cover the layout tricks everyone assumes need images.

Sep 27, 2025 2 min 1,757 Read →

M

CSS Advanced

mix-blend-mode: Text That Recolors Itself Against Any Background

A fixed header readable over every hero image, duotone photos without Photoshop, highlight effects that multiply like a real marker - blend modes, and the isolation property that keeps them caged.

Sep 20, 2025 2 min 589 Read →

C

CSS Intermediate

color-mix(): Hover States Without a Second Color Definition

Darker-on-hover, tinted backgrounds, borders derived from the brand color - color-mix computes them in the browser from one source color, and your theme stops needing a palette generator.

Sep 10, 2025 2 min 632 Read →

C

CSS Advanced

Custom Property Patterns: Fallback Chains and the Invalid-Value Trap

CSS variables can chain fallbacks, expose component APIs and scope themes - and they fail in a uniquely confusing way that every serious user needs to understand once.

Sep 5, 2025 2 min 1,575 Read →

M

CSS Intermediate

margin-inline and Friends: CSS That Survives Translation

margin-left breaks the moment your site meets Arabic or Hebrew. Logical properties describe direction-relative intent - and they are more ergonomic even if you never localize.

Aug 26, 2025 2 min 705 Read →

A

CSS Beginner

aspect-ratio Killed the Padding-Top Hack

padding-top: 56.25% wrapped in a positioned div was how we faked 16:9 boxes for fifteen years. One property replaces the whole contraption - and prevents layout shift while it's at it.

Aug 20, 2025 2 min 996 Read →

C

CSS Beginner

CSS Nesting Is Native Now - Here's What Sass Habits to Keep and Drop

The browser parses nested CSS without any build step. The syntax is almost Sass - the differences, the & rules, and the over-nesting trap are what matter.

Aug 11, 2025 2 min 1,318 Read →

:

CSS Intermediate

:is() and :where(): Selector Lists Without the Copy-Paste

:is() collapses repetitive selector lists, :where() does it with zero specificity - which turns out to be the secret to CSS that is easy to override.

Aug 1, 2025 2 min 1,402 Read →

C

CSS Intermediate

Container Queries: Components That Fit Their Container, Not the Screen

A card in a sidebar and the same card full-width need different layouts - media queries cannot tell them apart. Container queries finally let components respond to their own space.

Jul 28, 2025 2 min 1,740 Read →

V

JavaScript Advanced

View Transitions: The Crossfade Between States Is Now One Call

document.startViewTransition snapshots your page, lets you mutate the DOM, and animates between the two states - list reorders and theme switches suddenly look expensive.

Jul 4, 2025 2 min 1,891 Read →