Learn
These articles are static pages built from Markdown in the repository. They explain concepts and point to tools that run locally in your browser whenever the task allows. Browse by topic or search the full set.
Topics
- Published: 2026-09-05
CSS clamp() and fluid type
How CSS clamp() sets a floor, preferred value, and ceiling for fluid typography, and how to build a linear font-size ramp between viewport breakpoints.
Read article → - Published: 2026-09-05
HEX, RGB, HSL, and OKLCH: when to use each CSS color format
When to write colors as HEX, RGB, HSL, or OKLCH in CSS—gamut, alpha, perceptual lightness, and how to convert between them locally.
Read article → - Published: 2026-09-05
WCAG contrast ratios: AA vs AAA for text and UI
How WCAG 2.x contrast ratios work, when AA vs AAA applies for normal and large text, the 3:1 UI rule, and how to check pairs locally.
Read article → - Published: 2026-09-05
Layered box-shadow CSS: offset, blur, spread, and inset
How CSS box-shadow offset, blur, spread, color, and inset work—and how stacking layers builds soft cards, glows, and pressed UI without images.
Read article → - Published: 2026-09-05
Border-radius: eight values, elliptical corners, and squircle presets
How CSS border-radius shorthand works—from one value to the eight-value elliptical form—and how squircle-style and pill presets map to real CSS.
Read article → - Published: 2026-09-05
CSS easing: cubic-bezier control points and steps() jump terms
How CSS timing functions work—cubic-bezier control points, keyword aliases like ease-in-out, and steps() jump terms—so transitions and animations feel intentional.
Read article → - Published: 2026-09-05
Merging Tailwind className strings: tailwind-merge and conflict groups
How tailwind-merge resolves conflicting utilities (padding, colors, variants), why last-wins beats string concat, and how to clean className strings locally.
Read article → - Published: 2026-09-05
Font pairing for UI mockups
How to pair heading and body typefaces, build a modular scale, check CLS with fallback overlays, and export CSS—without uploading mock copy.
Read article →