Links
Component Variants with Scoped CSS Variables
"Scoped CSS variables provide an incredibly easy and clean way to create variants of common interface components like buttons."
Why robots should format our code for us
"I used to think that personal code style is a good thing for a programmer — now I’m migrating all my projects to Prettier, a new JavaScript formatter."
Modern JavaScript Explained For Dinosaurs
"The goal of this article is to provide a historical context of how JavaScript tools have evolved to what they are today in 2017. We’ll start from the beginning and build an example website like the dinosaurs did — no tools, just plain HTML and JavaScript. Then we’ll introduce different tools incrementally to see the problems that they solve one at a time. With this historical context, you’ll be better able to learn and adapt to the ever-changing JavaScript landscape going forward."
Web Typography: Designing Tables to be Read, Not Looked At
"Tables are a frequently overlooked aspect of reading, sometimes overstyled, sometimes poorly thought out. Responsiveness is a particularly thorny issue as the best solutions depend very much on the utility of the table. Tables can be packed with data, rich in content and meaning. Give them the attention they deserve."
AccessibilityJS: Client side accessibility error scanner.
"In GitHub we use this script to scan for inaccessible elements in development and production staff mode. We style the elements with red borders in the logError function passed in, and add a click handler explaining the reasons."
Videos
Buttons in Design Systems
"Buttons are arguably a design system’s most important component. Devilishly simple, they offer a simple label in a defined region you can press. As such, buttons are where you apply a design language’s base attributes in ways that’ll ripple throughout more complex component later."