Tech does not just watch: Take action against Russia’s war on Ukraine 🇺🇦, and take action against Israel’s occupation, destruction, and ethnic cleansing of Palestine (history) 🇵🇸 Hide

Frontend Dogma

“case-studies” News Archive

Definition, related topics, and tag feed

“case-studies” RSS feed (per email)

Entry (Sources) and Other Related TopicsDate#
Unifying Our Mobile and Desktop Domains (kri/wik)113
refactoring, mobile, desktop, performance, seo, user-experience, link-lists
How to Create a Strong Design System and Survive: Case Study (uxd)112
how-tos, design-systems, lessons
Design Has Never Been More Important: Inside Shopify’s Acquisition of Molly (cod)111
design, ai, ecommerce, shopify
Rebuilding Graphs for Accessibility: Inside Khan Academy’s Inclusive Design (kha)110
accessibility, visualization, information-design
I’m More Proud of These 128 Kilobytes Than Anything I’ve Built Since109
performance, flash-of-x, svg, minification, optimization
4 Untranslatable Words Behind Patreon’s Internationalization Overhaul108
internationalization, localization
We Added Chaos to Our CI/CD Pipelines—It Made Everything More Stable107
ci-cd, ai
6 Ways Slack, Notion, and VS Code Improved Electron App Performance106
electron, performance, slack, vs-code
Behind the Scenes: How We Iterate on UI Copy (aut)105
design, content, microcontent, processes, automattic
How Google Is Accelerating Code Migrations With AI104
studies, research, google, ai, migrating
We Launched Our First Shopify Theme (nic)103
shopify, theming
Integrating Localization Into Design Systems (sma)102
design-systems, localization, figma
Advanced React in the Wild (add)101
react, nextjs, performance
Making Node.js Downloads Reliable (nod)100
nodejs, refactoring
Accelerating Large-Scale Test Migration With LLMs99
testing, migrating, ai
CDEs Aren’t Just for Developers: How QA, Tech Writers, and Designers Benefit Too (jet)98
code-editors, jetbrains
The Dark Side of UX: Lessons From OnlyFans’ Addictive Design (web)97
lessons, design, dark-patterns, ethics, user-experience
Considerations for Making a Tree View Component Accessible (eri/git)96
components, accessibility, keyboard-navigation, aria
Designing for Clarity: How We Restructured Intercom’s Information Architecture95
design, information-architecture
Building Design Consistency: A Deep Dive Into Figma Variables at JW Player94
deep-dives, design, design-systems, design-tokens, consistency, figma, variables
Don’t Let Your Redesign Ruin Performance: A Case Study (mac)93
performance, redesigning
A Leap in the Evolution of Airtable’s Codebase: Scaling TypeScript to Thousands of Projects92
typescript, scalability
Blast From the Past: 2advanced.com (web)91
design, flash, history
How a BBC Navigation Bar Component Broke Depending on Which External Monitor It Was On (jos)90
debugging, javascript
“We Were Wrong”: An Oral History of WIRED’s Original Website (vir/wir)89
podcasts, history
How Vercel Adopted Microfrontends88
vercel, micro-frontends
How Is This Website So Fast!? (wes)87
videos, performance
Prioritizing Design Systems (uxd)86
design-systems, prioritization, processes
Breaking Into UX Research: Non-Traditional Paths to Success (uxd)85
user-experience, career
How We Built a Design System in 2 Weeks84
design-systems
Why Gumroad Didn’t Choose htmx (shl/htm)83
htmx
Pfizer’s Future of Development (lau)82
outlooks, prioritization, processes, culture
Tackling a System’s Accessibility Without Testing (jbu+)81
accessibility, wcag, heuristics
Mutation-Testing Our JavaScript SDKs (sen)80
javascript, testing
Improving the Screen Reader Experience for “Learn WCs” (and)79
accessibility, user-experience, screen-readers, assistive-tech, apple, voiceover
The Evolution of Attention (uxd)78
design
Faster Continuous Integration Builds at Canva77
ci-cd, efficiency, optimization
Designing Design Systems: Constructing an Icon System76
design, design-systems, icons, images
Growing a Design System Organically75
design-systems, scalability
Enhancing The New York Times Web Performance With React 1874
performance, react
uBlock Origin: Let’s Read the Code! (ant)73
videos
How We’re Building More Inclusive and Accessible Components at GitHub (eri/git)72
components, accessibility, dei, github
How Slack Automates Deploys71
deploying, automation, slack
The Evolution of Figma’s Mobile Engine: Compiling Away Our Custom Programming Language (fig)70
figma, programming, typescript, migrating
Web Accessibility in the 2024 [U.S.] Presidential Campaigns (web)69
accessibility
Hello Bun: How Sveld Now Deploys 2× Faster on GitHub and Render68
bun, deploying, performance
Purging Design System “Rot” From Our Checkboxes (chu)67
design-systems, maintenance, quality, accessibility
Modern CSS Patterns in Campfire66
css
Diving Into the Node.js Website Redesign (bri/nod)65
redesigning
Names Are Complex: Displaying Initials for an Avatar Component in a Design System (hey)64
naming, design
High-Level System Architecture of Booking.com63
architecture, microservices
How We Reduced CSS Size and Improved Performance Across GOV.UK62
css, performance, optimization
CSS Scroll Snapping Aligned With Global Page Layout: A Full-Width Slider Case Study (uti/sma)61
sliders, css, scrolling, layout
How I Brought LCP Down to Under 350 ms for Google-Referred Users on My Website (paw)60
performance, web-vitals, optimization
Baseline’s Evolution on MDN (pep/mdn)59
browsers, support, web-platform, documentation, mdn
Jimdo’s Engineering Guidelines58
guidelines, processes, collaboration, onboarding
Comparison of Accessibility of E-Government Websites in Europe (cer)57
accessibility, comparisons
4 Web Devs, 1 App Idea (whi+)56
videos, web-apps
How Bear Does Analytics With CSS55
analytics, metrics, css
CSS Findings From Photoshop Web Version (sha)54
html, css, adobe, photoshop
How We Optimized Package Imports in Next.js53
nextjs, dependencies, optimization
Skip Links on ikea.com (mat)52
accessibility, skip-links
Greenwashing and the COP28 Website (mic)51
sustainability
Hashnode’s Overall Architecture (has)50
architecture
CSS Findings From The Threads App II (sha)49
css
From Silos to Design Systems48
design-systems, processes
Case Study: Rebuilding TechCrunch Layout With Modern CSS (sha)47
refactoring, css
Optimizing Speed on ebay.com (add)46
performance, optimization, web-vitals
How We Optimized Performance to Serve a Global Audience (sma)45
performance, optimization
CSS Findings From the Threads App (sha)44
css, facebook+meta
End-to-End Tracing43
observability, tracing
How We Created an Accessible, Scalable Color Palette42
colors, color-palettes, accessibility, scalability
Simple Things Make Things Simple (pjo)41
simplicity
Moving From Vue 1 to Vue 2 to Vue 3: A Case Study of Migrating a Headless CMS System (sma)40
vuejs, migrating, headless, content-management
How We Built Our Multi-Platform Design System at Booking.com39
design-systems, theming, scalability
Caching at DEV38
caching, performance
Our Future CSS Strategy37
css, javascript, css-in-js, strategies
Early Learnings for Early Hints at Shopify (sia)36
videos, shopify, performance, hints
How We Improved React Loading Times by 70% With Next.js35
react, performance, nextjs
A Delightful Guide to Culture at Mamo (Inspired by Khalil Gibran)34
guides, culture
How We Designed an Accessible Color Palette From Scratch33
accessibility, colors, color-palettes
How We Think About Browsers (git)32
browsers
Accessibility Monitoring: How We Test31
accessibility, monitoring, testing
Improving the Performance of Wix Websites (Case Study) (sma)30
performance, monitoring, culture
Design Systems at Replit: Better Tokens29
design-systems, design-tokens
How We Improved Our Design System Delivery28
design-systems, processes, optimization
Using Monorepos Is Not That Bad27
monorepos
How We Reduced Next.js Page Size by 3.5× and Achieved a 98 Lighthouse Score26
performance, nextjs, lighthouse, google
How We Built React Components for Any Front End25
react, components
Reducing HTML Payload With Next.js (Case Study) (sma)24
nextjs, html, performance
Updating React at Etsy23
react, preact, frameworks
A Netflix Web Performance Case Study (add/dev)22
performance, netflix
Removing jQuery From GitHub.com Frontend (git)21
github, jquery, javascript, processes, refactoring
Improving the Accessibility of 24 Ways (pau/css)20
accessibility
Why We Didn’t Use a Framework (sma)19
frameworks
PWA Stats (clo)18
websites, web-apps, progressive-web-apps, metrics
How Mail.ru Reduced Email Storage From 50 to 32 PB (sma)17
storage, email, optimization
A Redesign With CSS Shapes (mey/ali)16
css, shapes, redesigning
Building Social: A Case Study on Progressive Enhancement (sma)15
javascript, progressive-enhancement
How We Use Prototyping, and How It Made Us More Efficient (sma)14
design, prototyping, processes, efficiency
Building the UI for the New “The Times” Website13
design, collaboration, architecture, css, documentation
Move Fast and Fix Things (git)12
technical-debt, git, github, processes
How We Get Things Done11
project-management, processes
Tour of a Performant and Responsive CSS Only Site (css)10
css, parallax, effects, performance
Getting Started With Pattern Libraries (ali)9
introductions, design, documentation, pattern-libraries
Controlling Heavy Weight Websites8
performance, user-experience
Building the New Financial Times Web App (A Case Study) (sma)7
web-apps, css, scrolling
HTML5 Quake to Shake Up Flash (mis)6
html, canvas, websockets, webgl, flash
IKEA and the Font Fiasco5
typography, fonts
An SVG Case Study: Integrated, Dynamic Avalanche Forecasting4
perl, html, sql, databases, svg, images
Anil Dash Does Amazon (sim)3
html, conformance
Access for All2
accessibility, w3c
MSNBC Makes News by Making HTML Dynamic (zdn)1
microsoft, html, java, dhtml