All articles

1. Packaging a component library

   • 2025
   • Front-end architecture
   • React
   • JavaScript
   • TypeScript
   • Node.js
2. Simplicity is a technical decision

   • 2024
   • Opinion
   • Team practices
3. Foundations of micro-frontend architecture

   • 2023
   • Front-end architecture
   • Team practices
   • React
   • JavaScript
   • TypeScript
   • Node.js
4. Using function components safely

   • 2020
   • React
   • TypeScript
   • JavaScript
5. Delight is not a design goal

   • 2020
   • Opinion
   • Team practices
6. React + non-SPA websites: Multiple React apps with code splitting and shared state

   • 2020
   • React + non-SPA websites
   • React
   • JavaScript
   • TypeScript
   • Front-end architecture
7. Responsive layouts for dynamic content

   • 2019
   • HTML + CSS
8. Decoupling front-end components

   • 2019
   • HTML + CSS
   • React
   • TypeScript
   • User interface architecture
9. CSS UI patterns: Flag/Media

   • 2018
   • CSS UI patterns
   • HTML + CSS
   • User interface patterns
10. CSS UI patterns: Grid

    • 2018
    • CSS UI patterns
    • HTML + CSS
    • User interface patterns
11. CSS UI patterns: Container

    • 2017
    • CSS UI patterns
    • HTML + CSS
    • User interface patterns
12. CSS UI patterns: Text content

    • 2017
    • CSS UI patterns
    • HTML + CSS
    • User interface patterns
13. CSS UI patterns: Listing

    • 2017
    • CSS UI patterns
    • HTML + CSS
    • User interface patterns
14. CSS UI patterns: Row

    • 2017
    • CSS UI patterns
    • HTML + CSS
    • User interface patterns
15. CSS UI patterns: Spacing shim

    • 2017
    • CSS UI patterns
    • HTML + CSS
    • User interface patterns
16. CSS UI patterns: Tiles

    • 2017
    • CSS UI patterns
    • HTML + CSS
    • User interface patterns
17. Exploring old Firefox bugs: Misbehaving click events

    • 2017
    • Exploring old Firefox bugs
    • Firefox
    • JavaScript
18. Exploring old Firefox bugs: Stretched outlines

    • 2017
    • Exploring old Firefox bugs
    • Firefox
    • HTML + CSS
19. Links aren’t buttons

    • 2017
    • HTML + CSS
    • User interface patterns
20. React + non-SPA websites: Client-side React in non-SPA websites

    • 2017
    • React + non-SPA websites
    • React
    • JavaScript
    • TypeScript
    • Front-end architecture
21. React + non-SPA websites: Server-side React in non-SPA websites

    • 2017
    • React + non-SPA websites
    • React
    • Node.js
    • JavaScript
    • TypeScript
    • Web performance
22. CSS anti-patterns

    • 2017
    • HTML + CSS
    • User interface patterns
23. SVG in React/JSX

    • 2017
    • SVG
    • React
    • User interface patterns
24. Implementing block-level links

    • 2016
    • HTML + CSS
    • Usability
    • User interface patterns
25. Designing with motion

    • 2016
    • HTML + CSS
    • Design
    • Usability
    • User interface patterns
26. Rem conversion techniques

    • 2016
    • HTML + CSS
    • User interface patterns
27. Upstreaming accessibility

    • 2016
    • Accessibility
    • Usability
    • Design
    • Team practices
28. Leading-first typography

    • 2015
    • HTML + CSS
    • Design
    • User interface patterns
29. Regarding semantics

    • 2015
    • HTML + CSS
30. Fixing blurry SVG rendering

    • 2015
    • Internet Explorer
    • SVG
    • HTML + CSS