Frontend Dogma

“case-studies” Archive

(Need an explanation? Look for “case-studies” at WebGlossary.info.)

  1. How Is This Website So Fast!? (by) · · ,
  2. Breaking Into UX Research: Non-Traditional Paths to Success (via) · · ,
  3. Why Gumroad Didn’t Choose htmx (by/via) · ·
  4. Pfizer’s Future of Development (by/via) · · , , ,
  5. Tackling a System’s Accessibility Without Testing (by+/via) · · , ,
  6. Mutation-Testing Our JavaScript SDKs (by/via) · · ,
  7. Improving the Screen Reader Experience for “Learn WCs” (by) · · , , , , , ,
  8. The Evolution of Attention (via) · ·
  9. Growing a Design System Organically (via) · · ,
  10. Designing Design Systems: Constructing an Icon System (via) · · , , ,
  11. Enhancing The New York Times Web Performance With React 18 (via) · · ,
  12. uBlock Origin: Let’s Read the Code! (by) · ·
  13. How We’re Building More Inclusive and Accessible Components at GitHub (by/via) · · , , ,
  14. How Slack Automates Deploys (by) · · ,
  15. The Evolution of Figma’s Mobile Engine: Compiling Away Our Custom Programming Language (by/via) · · , , ,
  16. Web Accessibility in the 2024 [U.S.] Presidential Campaigns (via) · ·
  17. Hello Bun: How Sveld Now Deploys 2× Faster on GitHub and Render (by/via) · · , ,
  18. Purging Design System “Rot” From Our Checkboxes (by/via) · · , , ,
  19. Modern CSS Patterns in Campfire (by/via) · ·
  20. Diving Into the Node.js Website Redesign (by/via) · ·
  21. Names Are Complex: Displaying Initials for an Avatar Component in a Design System (by) · · ,
  22. How We Reduced CSS Size and Improved Performance Across GOV.UK (via) · · , ,
  23. CSS Scroll Snapping Aligned With Global Page Layout: A Full-Width Slider Case Study (by/via) · · , ,
  24. How I Brought LCP Down to Under 350 ms for Google-Referred Users on My Website (by) · · , ,
  25. Baseline’s Evolution on MDN (by/via) · · , ,
  26. Jimdo’s Engineering Guidelines (by/via) · · , , ,
  27. Comparison of Accessibility of E-Government Websites in Europe (by) · · ,
  28. 4 Web Devs, 1 App Idea (by+/via) · · ,
  29. How Bear Does Analytics With CSS · · , ,
  30. CSS Findings From Photoshop Web Version (by) · · , , ,
  31. How We Optimized Package Imports in Next.js (by/via) · · , ,
  32. Skip Links on ikea.com (by) · · ,
  33. Hashnode’s Overall Architecture (by/via) · ·
  34. Greenwashing and the COP28 Website (by/via) · ·
  35. CSS Findings From The Threads App II (by) · ·
  36. From Silos to Design Systems (via) · · ,
  37. Case Study: Rebuilding TechCrunch Layout With Modern CSS (by) · · ,
  38. Optimizing Speed on ebay.com (by) · · , ,
  39. How We Optimized Performance to Serve a Global Audience (by/via) · · ,
  40. CSS Findings From the Threads App (by) · ·
  41. How We Created an Accessible, Scalable Color Palette · · , , ,
  42. Simple Things Make Things Simple (by) · ·
  43. Moving From Vue 1 to Vue 2 to Vue 3: A Case Study of Migrating a Headless CMS System (by/via) · · , , ,
  44. How We Built Our Multi-Platform Design System at Booking.com (by/via) · · , ,
  45. Caching at DEV (by) · · ,
  46. Our Future CSS Strategy (by/via) · · , , ,
  47. Early Learnings for Early Hints at Shopify (by/via) · · , , ,
  48. How We Improved React Loading Times by 70% With Next.js (via) · · , ,
  49. A Delightful Guide to Culture at Mamo (Inspired by Khalil Gibran) (by) · · ,
  50. How We Designed an Accessible Color Palette From Scratch (via) · · , ,
  51. How We Think About Browsers (by/via) · ·
  52. Accessibility Monitoring: How We Test (via) · · , ,
  53. Design Systems at Replit: Better Tokens (by/via) · · ,
  54. How We Improved Our Design System Delivery (by) · · , ,
  55. Using Monorepos Is Not That Bad (by) · ·
  56. How We Reduced Next.js Page Size by 3.5× and Achieved a 98 Lighthouse Score (via) · · , , ,
  57. How We Built React Components for Any Front End (via) · · ,
  58. Updating React at Etsy (by) · · , ,
  59. PWA Stats (via) · · , ,
  60. A Redesign With CSS Shapes (by/via) · · , ,
  61. Getting Started With Pattern Libraries (by/via) · · , ,
  62. Controlling Heavy Weight Websites (by) · · ,
  63. HTML5 Quake to Shake Up Flash (by/via) · · , , , ,
  64. IKEA and the Font Fiasco (via) · · ,
  65. Anil Dash Does Amazon (by) · · ,
  66. Access for All · · ,
  67. MSNBC Makes News by Making HTML Dynamic (via) · · , , ,