COSESAI

未分类

CSS Gradient Mesh Generator Field Guide: When Four Blobs Decide Whether The Mesh Blooms Or Collapses

By xiezixing 2026年10月14日

Three knobs and four blobs is the default state of every hero background you've ever…

未分类

CSS Color Name Resolver Field Guide: When One Hex, Four Distance Metrics, and One 148-Keyword Trail Decide Whether “Royalblue” and “Mediumblue” Land 6.2 or 84.0 DeltaE Apart

By xiezixing 2026年9月9日

Five pixels of #1d4ed8 look “royalblue” to the eye and “mediumblue” to RGB math. The…

未分类

CSS Gradient Mesh Generator Field Guide: When Eight Flags, Four Layouts, and One Falloff Knob Decide Whether Your Hero Reads Like a Cosmic Aurora or a Pink Mush

By xiezixing 2026年9月8日

A mesh background is not one gradient. It’s four radial-gradients stacked over a base color,…

未分类

Color Code Validator Field Guide: When the Comma Finally Matters

By xiezixing 2026年8月17日

Every CSS color token starts as a string the parser must recognise. One stray space,…

未分类

Web Font Pairing Lab Field Guide: A Google Fonts Pairing System

By xiezixing 2026年8月10日

A font pairing lab exists because picking two faces that read together as a system is a different problem from picking one. Here is the four-family, seven-preset system the Web Font Pairing Lab ships.

未分类

Your Brand Blue Is Lying on 30% of Screens: The OKLCH Fix

By xiezixing 2026年7月23日

The HSL lie hiding in your devtools You spent 4 hours picking the perfect brand…

Backdrop-filter hero poster showing the six-layer glass card mental model

未分类

Glass, But the Browser Doesn’t Speak It: The Six-Layer Backdrop-Filter Stack That Survives Safari

By xiezixing 2026年7月15日

Backdrop-filter is not one property; it is a six-knob convolution pipeline. Here is the mental model, the alpha pair, and the @supports fallback that keeps the card working on Safari and Firefox 102.