Dieter Rams
Ten principles of good design
The UX of LEGO Interface Panels
These iconic, low-resolution designs are the perfect tool to learn the basics of physical interface design. Armed with 52 different bricks, let's see what they can teach us about the design, layout and organisation of complex interfaces.
Haikei
Create and explore SVGs
Playbook for universal design – Universal design methods for more inclusive solutions
Supporting the development of inclusive innovations
Metra Ticket Gallery | C82
Scans of monthly train tickets Metra sells in and around Chicago by Nicholas Rougeux.
Writing by Numbers
Fluid Responsive Design | Utopia
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.
2022 Logo Trend Report | LogoLounge
The 20th Annual Logo Trend Report presented by LogoLounge is full of all the good, the badass, and the ugly.
Case Study: Implementing Accessible Data Charts for the Khan Academy 2018 Annual Report
Indispensable insights from Sara
A Plan to Perfect the New York City Street
Perfecting the New York Street An achievable, replicable plan for a city that’s embracing public space as never before.
Designing Beautiful Shadows in CSS
Creating the perfect shadow
Welcome to the W3C design system
This design system documents the styles, components and templates available to use on your website.
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.
Omatsuri
Omatsuri, a little collection of free useful helpers.
Color accessibility: tools and resources to help you design inclusive products by Stéphanie Walter - UX designer & Mobile Expert.
Resources, tips and tools to build and check the color accessibility in one single place for future reference
Apple Style Guide
The intent of these guidelines is to help maintain a consistent voice in Apple materials. Always an interesting read and reference.
Modern CSS Techniques To Improve Legibility
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.
Pandemic Objects: The Door Handle • V&A Blog
3D printing company Materialise quickly formed a response in the form of a suite of 3D printed door handles that would slot over the top of your existing ones, accompanied by the catchy slogan ‘Do no harm, use your arm!’
The Apple Archive
Dedicated to the unsung studio designers, copywriters, producers, ADs, CDs, and everyone else who creates wonderful things. Dedicated to those who stayed up late and got up early to get on the family iMac to recreate event slides in Keynote. Thank you.
The New York City Subway Map as You’ve Never Seen It Before
He rode the length of every train line with his eyes closed, feeling the curve of each track and then drawing the path he perceived in his sketchbook.
Spacing, Grids and Layouts
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.
Adactio: Journal—WorldWideWeb
Using the iPad Pro as my main computer | Hicks Journal
Switch Your Devices to Dark Mode to Give Your Eyes a Break | WIRED
Don’t Use The Placeholder Attribute — Smashing Magazine
blog.theodo.fr
FF Meta Variable Font Demo
Orientxxi
Sooshi