- 16 Pixels: For Body Copy. Anything Less Is A Costly Mistake, Smashing Magazine (2011).
- Accordions Are Not Always the Answer for Complex Content on Desktops, Nielsen Norman Group (2014).
- Auto-Forwarding Carousels and Accordions Annoy Users and Reduce Visibility, Nielsen Norman Group (2013).
- Avoid Category Names That Suck, Nielsen Norman Group
- Avoid Format-Based Primary Navigation, Nielsen Norman Group (2014).
- Avoid Inline Scrolling Areas, Baymard Institute
- Beware Horizontal Scrolling and Mimicking Swipe on Desktop, Nielsen Norman Group
- Breadcrumbs in Web Design: Examples and Best Practices, Smashing Magazine (2009).
- Breadcrumb Navigation Increasingly Useful, Nielsen Norman Group (2007).
- Designing Effective Carousels: Create a Fanciful Amusement, Not a House of Horrors, Nielsen Norman Group (2013).
- Fight Against "Right-Rail Blindness", Nielsen Norman Group
- Four Dangerous Navigation Approaches that Can Increase Cognitive Strain, Nielsen Norman Group
- Image-Focused Design: Is Bigger Better?, Nielsen Norman Group (2014).
- Infinite Scrolling Is Not for Every Website, Nielsen Norman Group
- Killing Off the Global Navigation: One Trend to Avoid, Nielsen Norman Group
- Magnifying Glass Icon in Search Design: Pros and Cons, The, Nielsen Norman Group
- Placeholders in Form Fields Are Harmful, Nielsen Norman Group (2014).
- Should I Use a Carousel?
- Best Practices of Combining Typefaces, Smashing Magazine
- Contrast Rebellion
- Break Grammar Rules on Websites for Clarity Part One and Part Two, Nielsen Norman Group
- Why Your Links Should Never Say "Click Here", UX Movement
- Color Contrast Checker, WebAIM: Color contrast calculator
- :nth-child Tester, CSS Tricks: Playground for figuring out nth-child selectors
- amp-what: HTML entity character map lookup
- DataURL.net: Create dataURL strings from images
- Regexper: Visualize regular expressions
- Unheap: jQuery plugins library
- Iconmonstr: Icons in SVG and PNG, free-to-use, searchable
- Noise Texture Generator: Generates noise in PNGs for patterns; provides repeating sample. Tip: Inspect Element to get the image as a dataURI.
- Patternify: Repeating pattern and dataURI generator
- Subtle Patterns: Downloadable 200x200 repeatable textures/patterns, very high quality.
- The Style Guide Guide: Style guide generators by platform
- A Pattern Library (A List Apart)
- GitHub Style Guide
- Starbucks Style Guide: Pretty technical and layout oriented
- Voice & Tone (MailChimp): For writing style, but a great presentation
- Yelp Style Guide