Invokers (Explainer) | Open UI
This is a really interesting proposal, and I have thoughts.
Designing Button States - Cloud Four
The canonical example in just about every pattern library is documenting button variations. Here, Tyler shows how even this seemingly simple pattern takes a lot of thought.
Related links
Dark Ages of the Web
Notes on the old internet, its design and frontend.
A Complete Guide to Links and Buttons | CSS-Tricks
Chris takes two side-by-side deep dives; one into the a element, the other into the button element.
Even if you think you already know those elements well, I bet there’ll be something new here for you. Like, did you know that the button element can have form over-riding attributes like formaction, formenctype, formmethod, formnovalidate, and formtarget?
Proper UI hierarchy · accssible
Bringing gradients back, baby!
This is going to be a handy reference to keep on hand whenever you want a button to actually look like a button.
Design Patterns on CodePen
This ever-growing curated collection of interface patterns on CodePen is a reliable source of inspiration.
Related posts
Composability in design systems
There’s probably a Pace Layer analogy in here somewhere.
Making the Patterns Day website
The joy of getting hands-on with HTML and CSS.
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.
ARIA in CSS
Apply your ARIA attributes with JavaScript and then use them as hooks in your CSS.