Tech is political: The people under attack in Palestine 🇵🇸, Iran 🇮🇷, and Lebanon 🇱🇧 are people like us. They’re our brothers and sisters, too. Read up on their history, scrutinize what you’re told, and demand respect and accountability. Hide

Frontend Dogma

“case-studies” News Archive

Definition, related topics, tag feed

“case-studies” × ? · “case-studies” RSS feed (per email)

Entry (Sources) and Additional TopicsDate#
How We Made claude.ai 3× Faster in Two Weeks157
anthropic, claude, ai, performance, metrics
AI Coding Has Made CI a Bottleneck, So We Reworked Ours to Keep Up156
ai, ci-cd, testing, metrics
Progressively Enhancing Maps for UK Government Services (the)155
components, progressive-enhancement, javascript
We Let AI Agents Rewrite a 92M-Message-a-Day Service in Go—Zero Incidents154
ai-agents, ai, refactoring, go
Testing Cookie Behavior Across Hundreds of Web Surfaces With Our in-House Auditor153
cookies, consent-management, testing, privacy
How Capital One Assesses AI Readiness (mka)152
podcasts, interviews, ai, engineering-management
How We Migrated lovable.dev Away From Next.js and Turned It Into Another Lovable App151
migrating, nextjs, ai
Web Security Is Too Hard (eri)150
security, cloudflare
Everyone’s Still Eating: Building Notion’s Design System (fig)149
videos, design-systems
Working With AI: A Concrete Example (htm)148
ai, claude, debugging
How an Underrated Refactor Saved 90% Memory Usage (kev/tan)147
tanstack, refactoring, memory, metrics
Shipping psql Without psql: A Pure-TypeScript Postgres Client in neonctl146
tooling, ai, postgresql, databases
How Building an HTML-First Site Doubled Our Users Overnight (moh)145
html, web-components, validation, traffic
When AI Builds Itself144
ai, processes, metrics, quality, efficiency, anthropic
How We Cut Build Times by Two-Thirds by Deleting Our CMS (get)143
migrating, gatsby, astro, content-management, optimization
Optimizing Our Build Times by Migrating From Webpack to Rspack142
migrating, webpack, rspack, building, optimization
Building a General-Purpose Accessibility Agent—and What We Learned in the Process (eri)141
ai-agents, ai, accessibility, lessons, github
We Needed a Screenshot Pipeline—We Got a Design QA Tool Instead (ben/cal)140
tooling, screenshots, quality, playwright
How’s Linear So Fast? A Technical Breakdown139
performance, tech-stacks
I Built a $32,000 AI Platform for Less Than a Penny (hac)138
ai, architecture, economics
How We Optimized Agent Device for Mobile App Automation (thy/cal)137
debugging, optimization, ai
The Uphill Climb of Making Diff Lines Performant136
github, performance, optimization
Seven Years to TypeScript: Migrating 11,000 Files at Patreon135
migrating, javascript, typescript
V7: Typographic Scales and Technical Pens134
design, typography, css
Fixing TypeScript Performance Problems: A Case Study (vig)133
typescript, performance
Tech Talk: Improving Window Resize Behavior (ele)132
electron, resizing, debugging
The Old Ways Are the Best: 100 Lighthouse, 0 ms TBT, 32 ms Queries (per)131
performance
How We’re Protecting Our Newsroom From npm Supply Chain Attacks (rya/pnp)130
npm, dependencies, security
“Sloppy” Code and Accessibility Issues: The Trouble With Trump’s Silicon Valley-Inspired Web Design Project (not)129
design, accessibility, quality
Unifying [Wikipedia’s] Mobile and Desktop Domains (kri/wik)128
wikipedia, refactoring, mobile, desktop, performance, seo, user-experience, infrastructure, link-lists
The Engineer You Never Met: Why Interview Processes Systematically Reject Qualified Engineers127
hiring, economics
Making a Design System That Gets Adopted (cle)126
design-systems
How to Create a Strong Design System and Survive: Case Study125
how-tos, design-systems, lessons
Design Has Never Been More Important: Inside Shopify’s Acquisition of Molly (cod)124
design, ai, ecommerce, shopify
Rebuilding Graphs for Accessibility: Inside Khan Academy’s Inclusive Design (kha)123
accessibility, visualization, information-design
I’m More Proud of These 128 Kilobytes Than Anything I’ve Built Since122
performance, flash-of-x, svg, minification, optimization
4 Untranslatable Words Behind Patreon’s Internationalization Overhaul121
internationalization, localization
We Added Chaos to Our CI/CD Pipelines—It Made Everything More Stable120
ci-cd, ai
6 Ways Slack, Notion, and VS Code Improved Electron App Performance119
electron, performance, slack, vs-code
Behind the Scenes: How We Iterate on UI Copy118
design, content, microcontent, processes, automattic
How Google Is Accelerating Code Migrations With AI117
studies, research, google, ai, migrating
We Launched Our First Shopify Theme (nic)116
shopify, theming
Integrating Localization Into Design Systems (sma)115
design-systems, localization, figma
Advanced React in the Wild (add)114
react, nextjs, performance
Making Node.js Downloads Reliable (nod)113
nodejs, reliability, refactoring
Accelerating Large-Scale Test Migration With LLMs112
testing, migrating, ai
CDEs Aren’t Just for Developers: How QA, Tech Writers, and Designers Benefit Too (jet)111
code-editors, jetbrains
The Dark Side of UX: Lessons From OnlyFans’ Addictive Design (web)110
lessons, design, dark-patterns, ethics, user-experience
From Manual Reviews to AI-Powered Insights: The Linux Foundation’s Code Review Transformation (cod)109
linux-foundation, code-reviews, ai, coderabbit
Considerations for Making a Tree View Component Accessible (eri)108
components, accessibility, keyboard-navigation, aria
Designing for Clarity: How We Restructured Intercom’s Information Architecture107
design, information-architecture
Building Design Consistency: A Deep Dive Into Figma Variables at JW Player106
deep-dives, design, design-systems, design-tokens, consistency, figma, variables
Don’t Let Your Redesign Ruin Performance: A Case Study (mac/per)105
performance, redesigning
A Leap in the Evolution of Airtable’s Codebase: Scaling TypeScript to Thousands of Projects104
typescript, scalability
Blast From the Past: 2advanced.com (web)103
design, flash, history
How a BBC Navigation Bar Component Broke Depending on Which External Monitor It Was On (jos)102
debugging, javascript
“We Were Wrong”: An Oral History of WIRED’s Original Website (vir/wir)101
podcasts, history
How Vercel Adopted Microfrontends100
vercel, micro-frontends
How Is This Website So Fast!? (wes)99
videos, performance
Prioritizing Design Systems98
design-systems, prioritization, processes
Breaking Into UX Research: Non-Traditional Paths to Success97
user-experience, career
How We Built a Design System in 2 Weeks96
design-systems
Why Gumroad Didn’t Choose htmx (shl/htm)95
htmx
Pfizer’s Future of Development (lau)94
outlooks, prioritization, processes, culture
Tackling a System’s Accessibility Without Testing (jbu+)93
accessibility, wcag, heuristics
Mutation-Testing Our JavaScript SDKs (get)92
javascript, testing
Improving the Screen Reader Experience for “Learn WCs” (and)91
accessibility, user-experience, screen-readers, assistive-tech, voiceover
The Evolution of Attention90
design
Faster Continuous Integration Builds at Canva89
ci-cd, efficiency, optimization, canva
Designing Design Systems: Constructing an Icon System (ado)88
design, design-systems, icons, images
Growing a Design System Organically87
design-systems, scalability
Enhancing The New York Times Web Performance With React 1886
performance, react
uBlock Origin: Let’s Read the Code! (ant)85
videos
How We’re Building More Inclusive and Accessible Components at GitHub (eri)84
components, accessibility, dei, github
How Slack Automates Deploys83
deploying, automation, slack
The Evolution of Figma’s Mobile Engine: Compiling Away Our Custom Programming Language (fig)82
figma, programming, typescript, migrating
Web Accessibility in the 2024 [US] Presidential Campaigns (web)81
accessibility
Hello Bun: How Sveld Now Deploys 2× Faster on GitHub and Render80
bun, deploying, performance
Purging Design System “Rot” From Our Checkboxes (chu)79
design-systems, maintenance, quality, accessibility
Modern CSS Patterns in Campfire78
css
Diving Into the Node.js Website Redesign (bri/nod)77
redesigning
Names Are Complex: Displaying Initials for an Avatar Component in a Design System (hey)76
naming, design
High-Level System Architecture of Booking.com75
architecture, microservices
How We Reduced CSS Size and Improved Performance Across GOV.UK74
css, performance, optimization
CSS Scroll Snapping Aligned With Global Page Layout: A Full-Width Slider Case Study (uti/sma)73
sliders, css, scrolling, layout
How I Brought LCP Down to Under 350 ms for Google-Referred Users on My Website (paw)72
performance, web-vitals, optimization
Baseline’s Evolution on MDN (pep/mdn)71
browsers, support, web-platform, documentation, mdn
Jimdo’s Engineering Guidelines70
guidelines, processes, collaboration, onboarding
Comparison of Accessibility of E-Government Websites in Europe (cer)69
accessibility, comparisons
4 Web Devs, 1 App Idea (whi+)68
videos, web-apps
How Bear Does Analytics With CSS67
analytics, metrics, css
CSS Findings From Photoshop Web Version (sha)66
html, css, photoshop
How We Optimized Package Imports in Next.js65
nextjs, dependencies, optimization
Skip Links on ikea.com (mat)64
accessibility, skip-links
Greenwashing and the COP28 Website (mic)63
sustainability
Hashnode’s Overall Architecture (has)62
architecture
CSS Findings From The Threads App II (sha)61
css
From Silos to Design Systems60
design-systems, processes
Case Study: Rebuilding TechCrunch Layout With Modern CSS (sha)59
refactoring, css
Optimizing Speed on ebay.com (add)58
performance, optimization, web-vitals, ebay
How We Optimized Performance to Serve a Global Audience (sma)57
performance, optimization
CSS Findings From the Threads App (sha)56
css, facebook+meta
End-to-End Tracing55
observability, tracing, canva
How We Created an Accessible, Scalable Color Palette54
colors, color-palettes, accessibility, scalability
Simple Things Make Things Simple (pjo)53
simplicity
Moving From Vue 1 to Vue 2 to Vue 3: A Case Study of Migrating a Headless CMS System (sma)52
vuejs, migrating, headless, content-management
How We Built Our Multi-Platform Design System at Booking.com51
design-systems, theming, scalability
Caching at DEV50
caching, performance
Our Future CSS Strategy49
css, javascript, css-in-js, strategies
Early Learnings for Early Hints at Shopify (sia/per)48
videos, shopify, performance, hints
How We Improved React Loading Times by 70% With Next.js47
react, performance, nextjs
Wired.com: 20 Years Later (sto)46
design, retrospectives
A Delightful Guide to Culture at Mamo (Inspired by Khalil Gibran)45
guides, culture
How We Designed an Accessible Color Palette From Scratch44
accessibility, colors, color-palettes
How We Think About Browsers (kei)43
browsers
Accessibility Monitoring: How We Test42
accessibility, monitoring, testing
Improving the Performance of Wix Websites (Case Study) (sma)41
performance, monitoring, culture
Design Systems at Replit: Better Tokens40
design-systems, design-tokens
How We Improved Our Design System Delivery39
design-systems, processes, optimization
Using Monorepos Is Not That Bad38
monorepos
How We Reduced Next.js Page Size by 3.5× and Achieved a 98 Lighthouse Score37
performance, nextjs, lighthouse
How We Built React Components for Any Front End36
react, components
Reducing HTML Payload With Next.js (Case Study) (sma)35
nextjs, html, performance
Updating React at Etsy34
react, preact, frameworks
A Netflix Web Performance Case Study (add)33
performance, netflix
Removing jQuery From GitHub.com Frontend32
github, jquery, javascript, processes, refactoring
Improving the Accessibility of 24 Ways (pau/css)31
accessibility
Why We Didn’t Use a Framework (sma)30
frameworks
PWA Stats (clo)29
websites, web-apps, progressive-web-apps, metrics
How Mail.ru Reduced Email Storage From 50 to 32 PB (sma)28
storage, email, optimization
A Redesign With CSS Shapes (mey/ali)27
css, shapes, redesigning
Building Social: A Case Study on Progressive Enhancement (sma)26
javascript, progressive-enhancement
How We Use Prototyping, and How It Made Us More Efficient (sma)25
design, prototyping, processes, efficiency
Building the UI for the New “The Times” Website24
design, collaboration, architecture, css, documentation
Move Fast and Fix Things23
technical-debt, git, github, processes
How We Get Things Done22
project-management, processes, canva
Tour of a Performant and Responsive CSS Only Site (css)21
css, parallax, effects, performance
Getting Started With Pattern Libraries (ali)20
introductions, design, documentation, pattern-libraries
Controlling Heavy Weight Websites19
performance, user-experience
Building the New Financial Times Web App (A Case Study) (sma)18
web-apps, css, scrolling
HTML5 Quake to Shake Up Flash (mis)17
html, canvas, websockets, webgl, flash
IKEA and the Font Fiasco16
typography, fonts
Better Web Forms: Redesigning eBay’s Registration (gar/dig)15
forms, design, ebay
Accessibility in the Design Process14
accessibility, design, processes
Why Web Standards Matter (Case Study)13
standards, html, dom, javascript, metrics
Worst Redesign of the Year12
redesigning, accessibility
Liquid Bleach (sto)11
liquid-design, css, design
Web Standards: User Interface Makeovers10
interviews, accessibility, standards, html, css
Throwing Tables Out the Window (sto)9
microsoft, tables, css
Solving Mobile Challenges With Psychology-Driven IA8
information-architecture, mobile
An SVG Case Study: Integrated, Dynamic Avalanche Forecasting7
perl, html, sql, databases, svg, images
ESPN Moves Forward With Standards6
standards, conformance
W3C Home Page Table-Less Layout (don/w3c)5
w3c, redesigning, css, floats
Anil Dash Does Amazon (sim)4
html, conformance
The Birth of Design Is Kinky (dig)3
design
Access for All2
accessibility, w3c
MSNBC Makes News by Making HTML Dynamic (zdn)1
microsoft, html, java, dhtml