Utopia is not a product, a plugin, or a framework. It’s a memorable/pretentious word we use to refer to a way of thinking about fluid responsive design.
A guide to designing accessible, WCAG-compliant focus indicators
Imagine you visit a Web site and you want to browse it for some content. You want to buy something; or maybe book a flight somewhere. And as you move your cursor onto the page, it suddenly disappears.
The Alternative CSS principle | Stuff & Nonsense
Let’s face it, unless you develop a complex product—and even if you do—you probably don’t need half the humungous hunk of CSS you bung at a browser. In fact, it’s possible you only need one default and one alternative style for every element.
Modern CSS has numerous tools to help you improve the legibility of your text, from cutting edge technologies like variable fonts, to newly precise control of established properties. Edoardo Cavazza introduces some of his favorite tricks, with plenty of actionable tips for implementing them on your own sites.
The organization of space is key to every great design. Spatial systems, grids, and layouts provide rules that give your designs a consistent rhythm, constrain decision making, and help teams stay aligned. This foundational scaffolding is a requirement for all design systems. In this guide, we’ll walk through the basics of defining spatial base units, creating relationship rules with grids, and bringing it all together for modern UI layouts.