Skip to main content

Tag: CSS

4 posts

Posts

Two dark rounded UI badges side by side on a soft neutral surface, the left a clean deep red and the right a muddier maroon gradient

Test the tokens you demo, not just the ones you ship

A jest test guarded WCAG contrast on my shipped theme. Storybook rendered a second stylesheet it never parsed, and the demo had drifted to 4.53:1.

3 min read
A slow-motion water droplet frozen in time

Systematic prefers-reduced-motion Across a Component Library

Auditing every animated component for motion sensitivity reveals which animations are decorative and which need static alternatives.

2 min read
A layered architectural structure showing different levels

Z-Index Choreography for a Mobile Bottom Nav

The z-index choreography behind adding a fixed bottom bar without breaking scroll-to-top, table-of-contents, and bottom sheet overlays.

2 min read
An open style guide book with color swatches and typography samples

Documenting Design Tokens for Developer Experience

Documenting 100+ theme tokens for a Tailwind CSS 4 component library so developers pick semantic names instead of guessing gray values.

2 min read