ARIA Patterns | Keyboard Interface
- Design Patterns and Widgets
- Authoring Practices Guide | WAI | W3C
- Developing a Keyboard Interface
- Authoring Practices Guide | WAI | W3C
ARIA Disclosure Pattern
- Disclosure Overview (Show/Hide)
- Authoring Practices Guide | WAI | W3C
- Example Disclosure Navigation Menu
- Authoring Practices Guide | WAI | W3C
- Example Disclosure Navigation Menu with Top-Level Links
- Authoring Practices Guide | WAI | W3C
ARIA Listbox Pattern
- Listbox Overview
- Authoring Practices Guide | WAI | W3C
- Scrollable Listbox Example
- Authoring Practices Guide | WAI | W3C
ARIA Tabs Pattern
- Tabs Overview (tablist, tab, tabpanel)
- Authoring Practices Guide | WAI | W3C
- Example of Tabs with Automatic Activation
- Authoring Practices Guide | WAI | W3C
Articles & Tutorials
- UX & Usability Articles
- Nielsen Norman Group
- The Daily Report
- Jeffrey Zeldman
- Accessibility Guidelines for UX Designers
- by Avinash Kaur; UX Collective, Dec. 18, 2018
- Quick and Dirty Remote User Testing
- by Nate Bolt; A List Apart, May 25, 2010
- Web Design in 4 minutes *
- by Jeremy Thomas
Content Strategy
- Brain Traffic
- Kristina Halvorson
- Content Strategy: The Philosophy of Data
- Rachel Lovinger
- Intentional Communication: Expanding our Definition of User Experience Design
- Kristina Halvorson
- The Case for Content Strategy
- Margot Bloomstein
- The Discipline of Content Strategy
- Kristina Halvorson
CSS Reference
- CSS Coding Techniques
- Mozilla Hacks
- CSS Specificity: Things You Should Know
- Smashing Magazine
- CSS Tricks
- Basic concepts of flexbox | MDN
Design Resources
- NNG Design-Pattern Guidelines: Study Guide *
- Unsplash
- Beautiful Free Images & Pictures
- Web Typography for Non-Designers *
- Presslabs
Design Systems
- Adobe Spectrum
- Carbon Design System
- Open Source System by IBM
- Material Design
- One Platform
- PatternFly
- React Aria
- USWDS: United States Web Design System
Information Architecture
- Alex Wright's Blog
- Information Architects Japan *
- Information Architecture Institute
- Information Architecture Research
- Semantic Studios article
Navigation Menus
- Don’t Use Split Buttons for Navigation Menus
- Nielsen Norman Group, Jun. 25, 2017
- Multilevel Menu Design Best Practices | Toptal
Templating
- HTML5 Boilerplate
- Jade
- Jinja
- Liquid
- Nunjucks *
- Mozilla project
Visual Styling: Color
- CSS3 Color Animations
- Design Tip: Never Use Black
- by Ian Storm Taylor; Aug. 7, 2012
- HEX to HSL
- HtmlColors.com
- HSL: Color tutorial
- HTML Colors
- Computer Hope
- W3C Color Keywords
Visual Styling: Misc.
- Animating Movement Smoothly Using CSS
- Demo page for the viewport.js library
- Design Shack
- Draw circle using CSS alone
- How to implement a drag-and-drop div
- MDN: getBoundingClientRect
- How to get scroll offset
- Textures.js
- SVG patterns for data visualization
- Tufte CSS