How to Make Websites That Will Require Lots of Your Time and Energy - Jim Nielsen’s Blog
- Install Stuff Indiscriminately From npm
- Pick a Framework Before You Know You Need One
- Always, Always Require a Compilation Step
Sketching in the Browser – SEEK blog – Medium
A step-by-step account of trying to find a way to keep Sketch files in sync with the code in a pattern library. The solution came from HTML Sketchapp, a more agnostic spiritual successor to AirBnB’s React Sketchapp.
The contract was incredibly straightforward—as long as you generated HTML, you could import it into Sketch.
After some tinkering, Mark Dalgleish came up with a command line tool to automate the creation of Sketch libraries from HTML elements with data-sketch- attributes.
Related links
Responsive typography and its role in design systems | Clagnut by Richard Rutter
Okay, if you weren’t already excited for Patterns Day, get a load of what Rich is going to be talking about!
You’ve got your ticket, right?
Home | The Component Gallery
Here’s an aggregator of components from multiple design systems.
Pattern Wise, System Foolish
A library of UX components is one common part of a design system, but the system itself is something bigger. A good system is also a shared set of strategies for solving visual and interactive communication challenges, a playbook rather than a script.
I like this way of putting it:
The problem is that treating a design system as a pantry full of widgets is, in and of itself, a failure of both craft and imagination. Think of it like a language: if a writer’s only engagement with it is grabbing words from the dictionary and heaping them together until “message” is achieved, things are going to suck. Language is more than a bag of words.
ADL Social Pattern Library | Anti hate by design
A collection of design patterns and principles for mitigating the presence and spread of online hate and harassment in social platforms.
Related posts
Composability in design systems
There’s probably a Pace Layer analogy in here somewhere.
Even more writing on web.dev
Five more articles on modern responsive design to close out the course.
aria-live
An exception to my general rule that ARIA attributes should be added with JavaScript.
The Mythology of Design Systems by Mina Markham
A presentation at An Event Apart San Francisco 2019
Scenario-Driven Design Systems by Yesenia Perez-Cruz
A presentation at An Event Apart Seattle 2018.