Frontend Dogma

“case-studies” Archive

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