CSS Magic
Interactive tutorials for advanced CSS techniques with performance and accessibility in mind.
Copy-paste ready code. No JavaScript required. Lighthouse-tested. WCAG-considered.
Tutorials
Smooth Parallax Effects
Create reasonably smooth parallax scrolling without JavaScript using CSS transforms and perspective.
scrolltransformsperformance
Glassmorphism with Optimal Performance
Modern frosted glass effects with backdrop-filter that don't tank your frame rate.
backdrop-filterperformancemodern
Fluid Typography with clamp()
Responsive text that scales smoothly between viewport sizes without media queries.
typographyresponsiveclamp
Semantic Color Tokens with CSS Variables
Themeable component colors without leaking your domain model into every stylesheet. CSS variables, data-* state, and color-mix().
tokensthemingcolor-mix