Journal
Web Component GitHub Starter Template, by David Darnes
David’s template provides not just the starter component code but also a nice readme, issue template, and publish-to-NPM flow.
Right here, right now (by Martin Gunnarson)
Martin introduces the “Now” page concept and how he adapted it for showing on his homepage.
A Global Design System, by Brad Frost
Hard to argue with Brad’s logic.
Right now, vast numbers of human beings are devoting their time and energy to designing, building, documenting, and maintaining the exact same set of common components.
Our efforts to reduce duplicative work at the individual level are resulting in duplicative work at the inter-organization level.
A Global Design System would improve the quality and accessibility of the world’s web experiences, save the world’s web designers and developers millions of hours, and make better use of our collective human potential.
On link underlines, by Adrian Roselli
Adrian recommends that we underline links in body copy and provides a host of evidence and rationale to back that up.
Invisible success, by Eric Bailey
Here’s Eric Bailey with some very relatable thoughts on the need to tell design system stories even though it’s difficult.
The component works. And because it works, nobody pays attention to it.
This is the promise of a design system made manifest: Consistent, quality experiences for complicated interactions, distributed at scale with minimal fuss.
This is objectively great. The problem, however, is how we talk, or fail to talk about this type of success.
Origami Design System
The FT’s design system Origami not only has a cool name but also some interesting metrics.
An interactive guide to CSS Container Queries, by Ahmad Shadeed
This is a wonderful guide that’s choc-full of practical examples.
CSS container queries help us to write a truly fluid components that change based on their container size. In the next few years, we’ll see less media queries and more container queries.
Building a Good Download… Button? by Eric Bailey
Question: when presenting users with a means of downloading a file, should you use the anchor
element or the button
element?
Answer: you should use the anchor
element.
The reliability of HTML number and date inputs
When asking users for numbers and dates, which HTML form elements should we use?
How would you build Wordle with just HTML & CSS? by Scott Jehl
Scott proposes an interview question relating to web standards and intelligent use of JavaScript.
How would you attempt to build Wordle (...or some other complex app) if you could only use HTML and CSS? Which features of that app would make more sense to build with JavaScript than with other technologies? And, can you imagine a change or addition to the HTML or CSS standard that could make any of those features more straight-forward to build?