Frontend Dogma

“case-studies” Archive

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