Life is about deciding who you are: Join us and decide to be for environmental protection, free education and generous social security, human rights and international law, and, of course, action against oppression and violence (starting with helping the people of occupied Palestine 🇵🇸)! Hide

Frontend Dogma

“quality” News Archive

Definition, related topics, and tag feed

Definition · Supertopics: craft · Subtopics: anti-patterns, auditing, best-practices, bugs, code-reviews, conformance, consistency, design-debt, link-rot, linting, maintenance, optimization, regressions, resilience, sanitization, technical-debt, testing, validation (non-exhaustive) · “quality” RSS feed (per email)

Entry (Sources) and Additional TopicsDate#
Amazon Calls Engineers for a “Deep Dive” Internal Meeting to Discuss “GenAI”-Related Outages (the)266
amazon, aws, ai
On Software Quality (nic/pxl)265
apple
What Is JPEG XL: Do We Really Need Another Image Format? (aar/deb)264
jpeg-xl, images, performance, metrics
When Design Stops Asking Why and Starts Asking, “Can AI Do It?” (uxd)263
design, ai, processes
The Design System Paradox: How Abstraction Can Hollow Out Quality (pjo/zer)262
design-systems, training
Rethinking “Pixel Perfect” Web Design (ami/sma)261
design
So You Think Your Website Is Doing Great (cit)260
html, javascript, css
The “Two-Brain” Advantage: Why You Should Never Trust Just One AI (owe/pro)259
ai, processes
Nobody Writes Clean Code—We All Just Pretend258
craft
“Sloppy” Code and Accessibility Issues: The Trouble With Trump’s Silicon Valley-Inspired Web Design Project (not)257
design, accessibility, case-studies
How Good Engineers Write Bad Code at Big Companies (sea)256
career, culture
5 Reasons Why WCAG AA Compliance Does Not Mean Your Website Is Accessible (cra)255
accessibility, wcag, compliance, colors, readability, performance, content, multimedia
Good Enough Is a Strategy (tre)254
strategies, technical-debt
Good Visual Design, Explained (nng)253
design, principles
What Developers Really Mean by “Bad Code” (jet)252
maintainability, scalability, consistency, security
Now Available: “On Web Development II”! (j9t)251
books, html, css, engineering-management, maintainability
Some Software Bloat Is OK250
technical-debt, performance
The Words “Blah Blah Blah” Increase AI Accuracy (jim)249
ai, prompting
The QA Checklist for Using AI to Generate Test Cases (and Why Tools Like AgentQ AI Make It Easier)248
checklists, testing, ai
Linting, Automated: AI-Powered Static Analysis With Gemini247
linting, automation, ai, gemini, google
2025: 0 of the Global Top 200 Websites Use Valid HTML (j9t)246
html, conformance, metrics, craft
AI Contrarians on the Problems With Vibe Coding (low/the)245
ai, vibe-coding, slop, career
From McCabe to Essential Complexity244
programming, complexity, metrics
“Best Practice” Is Just Your Opinion (cra)243
accessibility, auditing, best-practices
Vibe Coding and the Illusion of Progress242
vibe-coding, ai, technical-debt
I Know When You’re Vibe Coding (ale)241
vibe-coding, ai
Pair Programming Is the Better Code Review240
code-reviews, collaboration
The AI-Native Software Engineer (add)239
ai, processes, testing, career
Google: Many Top Sites Have Invalid HTML and Still Rank (mat/sea)238
google, html, conformance, seo
Quality Is a Trap (eri)237
design
A New Era of Code Quality236
security
AI and Vibe Coding Are Radically Impacting Senior Devs in Code Review (the/the)235
ai, vibe-coding, code-reviews
Why Is Quality So Rare?234
craft
Figma Sites Is Worse Than You Might Have Thought (kev)233
videos, figma
The True Path to Garbage Code: Figma Sites (joe)232
figma, html, semantics, accessibility
Stop Hiding Bad Code Behind Good Tooling231
tooling, craft
Vibe Coding Is Not an Excuse for Low-Quality Work (add)230
vibe-coding, ai
Can LLMs Earn $1M From Real Freelance Coding Work?229
ai, programming, engineering-management, economics
What It Means to Shift Left on Accessibility and How to Do It Right (lul)228
accessibility, dei, design, culture, processes, collaboration, project-management, content-strategy, training
Teaching Code in the AI Era: Why Fundamentals Still Matter (ali)227
training, ai, programming, vibe-coding, security, scalability, performance, testing, documentation
Maintaining Screenshot Quality and Color Profile in Figma (max)226
figma, screenshots, images, colors
What’s Missing With AI-Generated Code? Refactoring (ste/the)225
surveys, studies, research, ai, productivity, maintenance, refactoring
11 Practical Tips to Make Code Reviews Easier as a Developer224
code-reviews, tips-and-tricks, ai, principles, linting, formatting, collaboration
Clean Code in JavaScript: A Comprehensive Guide223
guides, javascript, principles, conventions, variables, objects, functions, comments, testing
5 Ways to Increase the Quality of Your Design System Documentation222
design-systems, documentation
Alt Text Accessibility: Balancing AI and Human Oversight (tec+/equ)221
podcasts, accessibility, images, multimedia, alt-text, ai
Developer Philosophy (qnt)220
technical-debt, refactoring, processes
Generating Image Descriptions and Alt-Text With AI (dri)219
images, alt-text, accessibility, ai
Differences Between ESLint and TypeScript (jos/esl)218
eslint, typescript, comparisons, linting, type-safety
Your Clean Code Might Be Someone Else’s Technical Debt217
technical-debt, principles
Code Quality Becomes Even More Vital in the AI Era (vil/the)216
ai, automation
Where Has All the Valid HTML Gone (j9t)215
html, conformance
Help Your Code Reviewer (ant)214
code-reviews, collaboration, communication, consistency
Are AI Assistants Making Us Worse Programmers?213
career, programming, ai, craft
Mastering Clean Code With SOLID, DRY, KISS, and YAGNI Principles212
principles, solid, craft
25 Crazy Software Bugs Explained (fir)211
videos, programming, bugs, history
Test Smart: How to Apply Automation and Stay Sane? (uxd)210
testing, automation, ci-cd
Improving Code Quality With Linting209
optimization, linting, formatting
2024: 0.5% of the Global Top 200 Websites Use Valid HTML (j9t)208
html, conformance, metrics, craft
Why Copilot Is Making Programmers Worse at Programming207
ai, github-copilot, craft, programming, career
Unrealistic Deadlines in Software Engineering (tre)206
project-management, prioritization, engineering-management
Algorithms We Develop Software By (gra)205
programming, processes, best-practices
Good Refactoring vs. Bad Refactoring (ste/bui)204
refactoring, comparisons, maintenance, javascript
ObsoHTML, the Obsolete HTML Checker (j9t)203
packages, npm, html
Comparing Design Systems to Find the Best Qualities (hdv)202
design-systems
The Art of Clean Code: Mastering the SOLID Principles201
principles, solid
My Favorite Interview Questions for QA Engineers200
interviewing
After CrowdStrike, Programmers Deserve Consequences199
programming, career
Perfect Bug Report198
websites, writing, bugs
Introduction to Selenium for QA Automation: The Essential Guide197
introductions, guides, selenium, testing, automation
We Need to Talk More About Conformance, if We Want to Stop Fantasy HTML (j9t)196
html, conformance, craft
Software Engineering Principles Every Frontend Developer Should Know195
principles, craft
The Perfect Site Doesn’t Exist (mic)194
maintenance, processes
Adding ESLint and Auto-Fixing an Existing TypeScript Project193
eslint, typescript, automation
Notes on Quality192
design, user-experience
AI Isn’t Useless—but Is It Worth It? (mol)191
ai
Humans Do It Better: GitClear Analyzes 153M Lines of Code, Finds Risks of AI190
ai, craft, metrics, engineering-management
JavaScript Code Quality Tools: See Qodana in Action189
jetbrains, qodana, javascript
9 Signs Your Frontend Code Has Quality Issues That Affect Your Users (ang)188
craft, accessibility, usability, user-experience, conformance, performance
Purging Design System “Rot” From Our Checkboxes (chu)187
design-systems, maintenance, accessibility, case-studies
Testing HTML With Modern CSS (hey)186
html, css, testing
The Detail, the Quality185
design
Building Websites and Building Websites Well (j9t)184
craft, community
Bugs I’ve Filed on Browsers (nol)183
browsers, chromium, firefox, webkit
Lines of Code—How to Not Measure Code Quality and Developer Efficiency (cod)182
metrics, efficiency, productivity
Is the Increasing Amount of Shit Code All the Fault of AI-Generated Code?181
ai, technical-debt
What Can a Website Do? (dav)180
accessibility, usability
New Study on Coding Behavior Raises Questions About Impact of AI on Software Development179
studies, research, ai, technical-debt
Unit Testing With Jest and Integration With GitHub Actions178
testing, jest, github-actions
14 Things to Check Before Deploying a Website177
deploying, processes
Definition of Done (DoD) Explanation and Example176
agile, scrum, processes, examples
My Web Development Wishlist 2024 (j9t)175
community, user-experience, developer-experience, conformance, wish-lists
Software Quality174
research
Incident, Mitigate, Learn (j9t)173
processes, incident-response, learning
“HTML First” Is Not HTML First (j9t)172
html, principles, craft
The Top Accessibility Errors Found in 2023 (tpg)171
accessibility, conformance, errors, retrospectives
The Road to HTMHell Is Paved With Semantics (pep/mat)170
html, semantics
What Really Is Technical Debt?169
technical-debt, terminology
Signals of Interface Quality168
design
All Technical Debt Is a Risk to the Product and to Your Business167
technical-debt, product-management, processes
Conducting a Content Audit to Improve Your Content (uxm)166
content, auditing, optimization
Everything About SEO Is Obnoxious (chr)165
seo, ethics
Web Developers: Remarkably Untalented and Careless? (bal)164
career, training
Accessibility Training Will Not Save You (rei)163
accessibility, training, career
0 KB Social Media Embeds (chr)162
embed-code
2023: 0 of the Global Top 100 Websites Use Valid HTML (j9t)161
html, css, conformance, metrics
Unit-Testing: The Unsung Hero of Code Quality160
testing
So You’ve Been Publicly Accessibility-Shamed (dav)159
accessibility, communication
Testing and Code Quality in Node.js (hon)158
testing, nodejs
Stop Waiting (jha)157
testing
Don’t Do It on Frontend or… Frontend Good Practices for Devs156
best-practices, maintainability, documentation
On the Uniting Power of a Commitment to HTML Conformance (j9t)155
html, conformance, community, web
Unpopular Opinion: It’s Harder Than Ever to Be a Good Software Engineer154
career
WCAG 2.2 and Validation153
accessibility, wcag, conformance
Characteristics of Code Quality152
research
No More 404 (rem)151
link-rot, user-experience, automation
Developers Talking About Code Quality150
studies, research, readability
The 5 Principles of Unit Testing149
principles, testing
Long Live the Test Pyramid (sma)148
testing, maintainability
Three Dimensions of Developer Productivity147
research, developer-experience, productivity
Why Are Websites Embarrassing? (fon)146
craft
Nobody Cares About Your “Perfect” Code: Change Your Perspective145
product-management
Tailwind, and the Death of Web Craftsmanship144
tailwind, craft
Good Code Is— (j9t)143
terminology
Good Code Is Like a Love Letter to the Next Developer Who Will Maintain It (add)142
programming, maintainability, communication
We Deleted More Than 5,000 Pages From Our College Website—Here’s Why141
accessibility, maintenance
A Guide to Coding Standards to Improve Code Quality140
guides, conventions, formatting, consistency
Improving the Quality of the Software With Qodana and GitHub Actions139
jetbrains, qodana, optimization, github, ci-cd
Website Issues: On the Relevance of Audience Size and Impact (j9t)138
processes
Code Coverage vs. Test Coverage137
code-coverage, testing, comparisons
Write Better CSS by Borrowing Ideas From JavaScript Functions (sma)136
css, javascript, functions
Guardrails for Better Accessibility Support in Frontend (net)135
accessibility, tooling
Fighting Inter-Component HTML Bloat (eli)134
components, html, semantics
The Cost of Craft133
craft, complexity, processes
We Don’t Need “.visually-hidden” (den)132
accessibility, css, semantics
Craft vs. Industry: Separating Concerns (nac)131
economics, maintainability, craft, comparisons
Conformance and Accessibility (j9t)130
accessibility, conformance
Qodana Code Quality Platform—Overview129
videos, overviews, jetbrains, qodana, ci-cd
What’s Wrong With Code in 2022?128
complexity, processes
Code Ownership and Software Quality127
research, processes
Today I Learned: The Subtle Art of Code Reviews126
code-reviews, best-practices
Accessibility Is in Style—Styles and Style Guides (kno)125
accessibility, writing, design, documentation, style-guides, consistency
How to Start a Content Audit124
how-tos, content, content-management, auditing
“aria-label” Is a Code Smell (eri)123
accessibility, aria, labels, technical-debt
How Flaky Tests Impact Developers122
research, testing, flakiness
2022: 0 of the Global Top 100 Websites Use Valid HTML (j9t)121
html, css, conformance, metrics, craft
JavaScript Bugs Aplenty in Node.js Ecosystem—Found Automatically120
studies, research, nodejs, javascript, dependencies, security, bugs
One-Dimensional Website Optimization Considered Harmful (j9t)119
optimization
The Importance of Clean Code in Your Startup’s Success118
Your Code Doesn’t Have to Be a Mess117
Applying SOLID Principles in React116
maintainability, principles, solid, react
How to Use ESLint and Prettier for Code Analysis and Formatting115
how-tos, consistency, eslint, prettier, linting, formatting
Top 2021 CSS Frameworks Report: Validation (cit)114
studies, research, frameworks, css, conformance
Writing Better CSS113
css, sorting
The CSS Art Paradox (j9t)112
css, art, html
The 5 Golden Rules of Code Reviews111
code-reviews, processes
How to Write Good Code: 10 Beginner-Friendly Techniques for Instant Results110
how-tos, techniques
Why Accessibility Bugs Are a Good Thing and How to Handle Them109
accessibility, bugs
An Opinionated Guide to Unit Testing108
guides, testing
There’s No Such Thing as Clean Code107
developer-experience
The Risks and Rewards of App Modernization (uxm)106
maintenance, modernization
Big Images, Blazingly Fast105
performance, images
Find HTML Parsing Errors (pat/dev)104
browsers, dev-tools, html, parsing
Writing Better CSS (ale)103
css, efficiency
The Guideline Gap102
design-systems, accessibility, localization
The Little Book of Little Books (j9t)101
books, frameworks, conventions
Web Quality Assurance: From User Requirements to Web Risk Management (sma)100
usability
It Takes a PhD to Develop That99
career, complexity
Maintaining End-to-End Quality With Visual Testing (sma)98
testing, design
I’m Changing How I Review Code97
code-reviews
The 3-Second Frontend Developer Test (j9t)96
html, css, conformance
It’s a (Front-End Testing) Trap! Six Common Testing Pitfalls and How to Solve Them (sma)95
testing
CSS Frameworks in Vogue, but Don’t Forget Style Fundamentals (ric/the)94
css, frameworks, fundamentals
NPM Global Audit93
packages, npm, security, auditing
Why Validate? (j9t)92
html, css, conformance, craft
Reasons Why Bugs Might Feel “Impossible”91
debugging, bugs
2021: 98% of the Top 100 US Websites Use Invalid HTML (j9t)90
html, css, conformance, metrics, craft
Auditing Design Systems for Accessibility (deq)89
accessibility, design-systems, auditing
21 Best Practices for a Clean React Project88
best-practices, react
Code in Quarantine (j9t)87
maintenance
The Dos and Don’ts of Code Reviews86
code-reviews, learning
In Critical Defense of Frontend Development (j9t)85
craft
Optimizing Image Depth (mey/css)84
images, performance, optimization
How to Find and Fix Common Website Accessibility Issues (kil)83
how-tos, accessibility, contrast, color-blindness, colors, responsive-design
New Google Quality Rater Guidelines, Update Adds Emphasis on Needs Met82
guidelines, seo, google
AVIF Has Landed (jaf)81
images, avif, performance, jpeg, webp, svg, png, comparisons
The 4 Pillars of Good Embed Code (j9t)80
embed-code, usability
The Most Critical Python Code Metric79
python, metrics, principles
Page Builders Might Not Be a Good Idea (cit)78
maintainability, consistency, performance
Goodbye, Clean Code (dan)77
principles, processes
On Writing Better Markup (j9t)76
html, maintainability, performance, terminology
The TypeScript Tax (eri)75
typescript, type-safety, metrics
The 5 Raisons d’Être of Testing (nma)74
testing
How to Configure Lighthouse for Balanced Quality Websites (j9t)73
how-tos, performance, google, lighthouse, configuration
Here’s the Thing About “Unused CSS” Tools (chr/css)72
css, performance, tooling
We Write CSS Like We Did in the 90s, and Yes, It’s Silly (j9t/ali)71
css, craft, conventions, sorting
Why TDD Isn’t Crap (hil)70
testing, processes
Code Review Etiquette (css)69
code-reviews, collaboration, communication, tips-and-tricks
How to Write Better Code: The 3 Levels of Code Consistency (j9t/css)68
consistency
What We Should Teach Up-and-Coming Developers (j9t)67
training, principles, ethics
8 Must Have PHP Quality Assurance Tools66
php, tooling
Linting HTML Using CSS (ire)65
html, css, linting
Principles of Web Development (j9t)64
principles, user-experience, simplicity, maintainability, learning
The Art of a Pull Request63
version-control, code-reviews, processes
The Anatomy of a Coding Guideline (j9t)62
conventions
The Importance of Code Reviews (kit)61
code-reviews, collaboration
Improving the Quality of Your CSS With PostCSS60
css, optimization, postcss
Technical Debt: Rescuing Legacy Code Through Refactoring59
technical-debt, refactoring, maintenance, monitoring, testing
Seriously, Don’t Use Icon Fonts (tyl/clo)58
fonts, icon-fonts, html
The Full Stack Overflow Developer (cod)57
career, craft, link-lists
No Good Can Come of Bad Code (zel/ali)56
accessibility, semantics, standards
The Problems of Working With Web Agencies (j9t)55
business-relations
Google and HTML/CSS Code Quality (j9t)54
google, html, css, history
How to Be a Good Developer53
how-tos, career, professionalism, prioritization, craft
CSS Audits: Taking Stock of Your Code (ali)52
css, auditing
Why AngularJS Makes Every Single Developer a Better One51
angularjs, software-design-patterns
Good Content Is Too Valuable to Die (vit/sma)50
content
Code Culture Problem49
communication, culture, bugs
CSS Architectures: Principles of Code Cleanup48
css, principles, optimization
QA and UX (nng)47
user-experience, concepts
“Bad Code,” Dogmatism, Etc. (chr/css)46
html, css
Test the Web Forward (w3c)45
testing, standards, web-platform
10 Tips for Better Coding44
tips-and-tricks, conventions, documentation, refactoring, naming, version-control, building, testing, tooling
Managing Technical Debt (acm)43
technical-debt, programming, processes
Google HTML/CSS Style Guide (j9t)42
google, html, css, style-guides, principles, conformance, formatting, naming, sorting
Understanding Technical Debt (nza)41
technical-debt, concepts
Why Should You Care About Website Usability?40
usability, consistency, simplicity, content, whitespace, html
Validation: Measuring and Tracking Code Quality (j9t)39
html, css, conformance, metrics
Google’s Focus on Quality and the PostRank Acquisition38
google, seo
How to Proofread Your Own Writing37
how-tos, writing, communication
Optimizing HTML36
html, optimization
Website Maintenance Tips for Front-End Developers (lou/sma)35
maintenance, tips-and-tricks, tooling, link-lists
Diagnostic Styling Reloaded (j9t)34
bookmarklets, css
The Two Great Things About Validation/Conformance (j9t)33
conformance, html, css, craft
The Greatest Secret in Web Design (j9t)32
maintenance, maintainability, processes
The Most Annoying Yet Most Important Task in Website Management (j9t)31
links, link-rot, maintenance, user-experience, web
Where Our Standards Went Wrong (bee/ali)30
standards, conformance
10 Measures for Continuous Website Maintenance (j9t)29
processes, maintenance
Is Easy Implementation the Same as Good Code? (cod/aja)28
developer-experience, performance, javascript, embed-code
Don’t Be Ashamed of Your Code (tka)27
career
The 3 Levels of Programmers: The Good, The Bad, and the Lazy26
career
Google Can’t Code25
google, html, conformance
Corporate Web Standards (dig)24
html, css, standards
Fixing the Web… Together! (kar/w3c)23
html, xhtml, css, standards, conformance
10 Steps to Create a High-Quality Website (j9t)22
processes
Unicorn Sighting (Public Preview) (don/w3c)21
w3c, tooling, conformance
Web Content: From Fabulous to Frankenstein20
content, legal
Write Better CSS (jch)19
css, comments
Ten Steps to a More User Friendly Website18
flash, performance, images, compression, link-rot, html, conformance, browsers, support, navigation, readability
JPG Quality (dav)17
images, jpeg, compression
The Four Essentials of Modern Web Design16
fundamentals, conformance, accessibility, semantics, principles
W3C Members: What Standards? (zdn)15
w3c, html, conformance, standards
99.9% of Websites Are Obsolete (zel/dig)14
html, css
Poor Code Quality Contaminates Users’ Conceptual Models (nng)13
resilience, productivity, usability
The Joel Test: 12 Steps to Better Code (spo)12
programming, version-control, building, culture, tooling, testing, principles
Top 3 HTML Straw Man Arguments11
html, presentational-html
Validators10
html, conformance, tooling, link-lists
Code Quality Checker9
tools, analysis, performance, optimization
CSS Analyzer (CSS Stats)8
tools, analysis, css
CSS Analyzer (Lea Verou) (lea)7
tools, analysis, css
CSS Analyzer (Project Wallace)6
tools, analysis, css
CSS Quality Checker5
tools, analysis, css
Website Analyzer (Accessify)4
tools, analysis, performance, optimization
Website Analyzer (Frontend Dogma) (fro)3
tools, analysis, frontend-dogma
Website Analyzer (Nibbler)2
tools, analysis, seo
Image Quality Enhancer1
tools, exploration, images