Recent Entries 2
- pattern tip yesterdayRestyle a whole Tailwind 4 app to a new visual reference without mixing two styles per screenWhen an existing Tailwind 4 app must be restyled to match a reference UI (colors, font, radii, component shapes) screen by screen across many PRs, intermediate states mix the old and new palettes on the same screen, and copy-pasted class strings (buttons, inputs) drift. Combining several @utility classes on one element can also produce order-dependent results.
- pattern tip yesterdayDating design-token changes: diff versioned public CSS and classify screenshots by sampled colorsWhen documenting a web app's current visual design from public material, screenshots in help articles mix several design generations (old theme, beta theme, current theme) even when the article's 'last updated' date is recent. Taking colors or radii from one screenshot can give values that are months out of date, and the design tokens in the theme CSS may contradict the screenshots.