CSS :has() Interactive Guide
This isn’t just a great explanation of :has(), it’s an excellent way of understanding selectors in general. I love how the examples are interactive!
Link tags: examples
14
Grid Cheatsheet
A useful resource for CSS grid. It’s basically the spec annoted with interactive examples.
Build your own React
This is a fascinating way to present a code tutorial! It reminds of Tim’s Tutorial Markdown that I linked to a while back (which in turn reminds me of Bret Victor’s work).
4 Rules for Intuitive UX – Learn UI Design
- Obey the Law of Locality
- ABD: Anything But Dropdowns
- Pass the Squint Test
- Teach by example
GitHub - frctl/awesome-fractal: A curated list of awesome things related to Fractal
A starter list of Fractal examples and links. You can expand it.
Documenting Components – EightShapes – Medium
Part one of a deep dive by Nathan into structuring design system documentation, published on Ev’s blog.
Design Principles
Collections of design principles that you can contribute to.
The aim of the site is to help us analyse what good Design Principles are. How Design Principles are created and measured. How they develop.
Web Performance Optimization Stats
If you ever need to pull up some case studies to demonstrate the business benefits of performance, Tammy and Tim have you covered.
lyzadanger/pragmatist-service-worker: Pragmatist’s Guide to Service Worker
Lyza put together some example code for her Smashing Conference talk on service workers. If you haven’t written a service worker before, these are really nice examples of how to grok it bit by bit.
Layout Demos by Jen Simmons
If you want to keep up to date with all the coolest stuff landing in CSS, I recommend bookmarking this ever-changing page.
simpl.info
This is a very handy resource—a collection of minimum viable implementations of HTML5 features and JavaScript APIs.
Accessibility Wins
Marcy’s Tumblr blog of examples of accessibility in action on the web.
Harnessing Flexbox For Today’s Web Apps - Smashing Magazine
More flexbox!
This time it’s a great article by Karen Menezes filled with practical examples showing where you can use flexbox today.
Practical ARIA Examples
Heydon Pickering put together a great collection of accessible self-contained interface patterns that demonstrate smart use of ARIA.