User Interfaces for Variable Fonts · An A List Apart Article
A good introduction to variable fonts, and an exploration of the possible interface elements we might use to choose our settings: toggles? knobs? sliders? control pads?
A Content Slider
Brad always said that carousels were way to stop people beating each other up in meetings. I like the way Heydon puts it:
Carousels (or ‘content sliders’) are like men. They are not literally all bad — some are even helpful and considerate. But I don’t trust anyone unwilling to acknowledge a glaring pattern of awfulness. Also like men, I appreciate that many of you would rather just avoid dealing with carousels, but often don’t have the choice. Hence this article.
Related links
Designing The Perfect Slider – Smashing Magazine
If you thought Vitaly’s roundup of date pickers was in-depth, wait ‘till you get a load of this exhaustive examination of slider controls.
It pairs nicely with this link.
Home | The Component Gallery
Here’s an aggregator of components from multiple design systems.
Empty States
A gallery of empty UIs. It reminds me of those galleries of clever 404 pages. Next step: a gallery of witty offline pages.
Building a CSS-only image gallery (with fallbacks)
A great step-by-step walkthrough of building a really nice image gallery without any JavaScript.
The end result is really impressive but there’s still the drawback that the browser history will be updated every time you click on an image thumbnail (because the functionality relies on ID attributes referenced via :target). Depending on your use-case, that may or may not be desirable.
Related posts
The intersectionality of web performance
Business, sustainability, and inclusivity.
Accessibility is systemic
The difference between inclusive design and accessibility.
Alt writing
Aiming for originality and creativity in alt text.
Image previews with the FileReader API
Adding `alt` text to uploaded images.
Accessibility
Making the moral argument.