Life is about deciding who we 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, reliability, resilience, sanitization, technical-debt, testing, validation (non-exhaustive) · “quality” RSS feed (per email)

Entry (Sources) and Additional TopicsDate#
.htaccess Punk (j9t)271
packages, apache, redirecting, link-rot
AI Content Wasn’t Good Enough—Now It Is (thi/ahr)270
content, writing, ai
Amazon Calls Engineers for a “Deep Dive” Internal Meeting to Discuss “GenAI”-Related Outages (the)269
amazon, aws, ai
On Software Quality (nic/pxl)268
apple
What Is JPEG XL: Do We Really Need Another Image Format? (aar/deb)267
jpeg-xl, images, performance, metrics
When Design Stops Asking Why and Starts Asking, “Can AI Do It?” (uxd)266
design, ai, processes
The Design System Paradox: How Abstraction Can Hollow Out Quality (pjo/zer)265
design-systems, training
Rethinking “Pixel Perfect” Web Design (ami/sma)264
design
So You Think Your Website Is Doing Great (cit)263
html, javascript, css
The “Two-Brain” Advantage: Why You Should Never Trust Just One AI (owe/pro)262
ai, processes
Nobody Writes Clean Code—We All Just Pretend261
craft
“Sloppy” Code and Accessibility Issues: The Trouble With Trump’s Silicon Valley-Inspired Web Design Project (not)260
design, accessibility, case-studies
How Good Engineers Write Bad Code at Big Companies (sea)259
career, culture
5 Reasons Why WCAG AA Compliance Does Not Mean Your Website Is Accessible (cra)258
accessibility, wcag, compliance, colors, readability, performance, content, multimedia
Good Enough Is a Strategy (tre)257
strategies, technical-debt
Good Visual Design, Explained (nng)256
design, principles
What Developers Really Mean by “Bad Code” (jet)255
maintainability, scalability, consistency, security
Now Available: “On Web Development II”! (j9t)254
books, html, css, engineering-management, maintainability
Some Software Bloat Is OK253
technical-debt, performance
The Words “Blah Blah Blah” Increase AI Accuracy (jim)252
ai, prompting
The QA Checklist for Using AI to Generate Test Cases (and Why Tools Like AgentQ AI Make It Easier)251
checklists, testing, ai
Linting, Automated: AI-Powered Static Analysis With Gemini250
linting, automation, ai, gemini, google
2025: 0 of the Global Top 200 Websites Use Valid HTML (j9t)249
html, conformance, metrics, craft
AI Contrarians on the Problems With Vibe Coding (low/the)248
ai, vibe-coding, slop, career
From McCabe to Essential Complexity247
programming, complexity, metrics
“Best Practice” Is Just Your Opinion (cra)246
accessibility, auditing, best-practices
Vibe Coding and the Illusion of Progress245
vibe-coding, ai, technical-debt
I Know When You’re Vibe Coding (ale)244
vibe-coding, ai
Pair Programming Is the Better Code Review243
code-reviews, collaboration
The AI-Native Software Engineer (add)242
ai, processes, testing, career
Google: Many Top Sites Have Invalid HTML and Still Rank (mat/sea)241
google, html, conformance, seo
Quality Is a Trap (eri)240
design
A New Era of Code Quality239
security
AI and Vibe Coding Are Radically Impacting Senior Devs in Code Review (the/the)238
ai, vibe-coding, code-reviews
Why Is Quality So Rare?237
craft
Figma Sites Is Worse Than You Might Have Thought (kev)236
videos, figma
The True Path to Garbage Code: Figma Sites (joe)235
figma, html, semantics, accessibility
Stop Hiding Bad Code Behind Good Tooling234
tooling, craft
Vibe Coding Is Not an Excuse for Low-Quality Work (add)233
vibe-coding, ai
Can LLMs Earn $1M From Real Freelance Coding Work?232
ai, programming, engineering-management, economics
What It Means to Shift Left on Accessibility and How to Do It Right (lul)231
accessibility, dei, design, culture, processes, collaboration, project-management, content-strategy, training
Teaching Code in the AI Era: Why Fundamentals Still Matter (ali)230
training, ai, programming, vibe-coding, security, scalability, performance, testing, documentation
Maintaining Screenshot Quality and Color Profile in Figma (max)229
figma, screenshots, images, colors
What’s Missing With AI-Generated Code? Refactoring (ste/the)228
surveys, studies, research, ai, productivity, maintenance, refactoring
11 Practical Tips to Make Code Reviews Easier as a Developer227
code-reviews, tips-and-tricks, ai, principles, linting, formatting, collaboration
Clean Code in JavaScript: A Comprehensive Guide226
guides, javascript, principles, conventions, variables, objects, functions, comments, testing
5 Ways to Increase the Quality of Your Design System Documentation225
design-systems, documentation
Alt Text Accessibility: Balancing AI and Human Oversight (tec+/equ)224
podcasts, accessibility, images, multimedia, alt-text, ai
Developer Philosophy (qnt)223
technical-debt, refactoring, processes
Generating Image Descriptions and Alt-Text With AI (dri)222
images, alt-text, accessibility, ai
Differences Between ESLint and TypeScript (jos/esl)221
eslint, typescript, comparisons, linting, type-safety
Your Clean Code Might Be Someone Else’s Technical Debt220
technical-debt, principles
Code Quality Becomes Even More Vital in the AI Era (vil/the)219
ai, automation
Where Has All the Valid HTML Gone (j9t)218
html, conformance
Help Your Code Reviewer (ant)217
code-reviews, collaboration, communication, consistency
Are AI Assistants Making Us Worse Programmers?216
career, programming, ai, craft
Mastering Clean Code With SOLID, DRY, KISS, and YAGNI Principles215
principles, solid, craft
25 Crazy Software Bugs Explained (fir)214
videos, programming, bugs, history
Test Smart: How to Apply Automation and Stay Sane? (uxd)213
testing, automation, ci-cd
Improving Code Quality With Linting212
optimization, linting, formatting
2024: 0.5% of the Global Top 200 Websites Use Valid HTML (j9t)211
html, conformance, metrics, craft
Why Copilot Is Making Programmers Worse at Programming210
ai, github-copilot, craft, programming, career
Unrealistic Deadlines in Software Engineering (tre)209
project-management, prioritization, engineering-management
Algorithms We Develop Software By (gra)208
programming, processes, best-practices
Good Refactoring vs. Bad Refactoring (ste/bui)207
refactoring, comparisons, maintenance, javascript
ObsoHTML, the Obsolete HTML Checker (j9t)206
packages, npm, html
Comparing Design Systems to Find the Best Qualities (hdv)205
design-systems
The Art of Clean Code: Mastering the SOLID Principles204
principles, solid
My Favorite Interview Questions for QA Engineers203
interviewing
After CrowdStrike, Programmers Deserve Consequences202
programming, career
Perfect Bug Report201
websites, writing, bugs
Introduction to Selenium for QA Automation: The Essential Guide200
introductions, guides, selenium, testing, automation
We Need to Talk More About Conformance, if We Want to Stop Fantasy HTML (j9t)199
html, conformance, craft
Software Engineering Principles Every Frontend Developer Should Know198
principles, craft
The Perfect Site Doesn’t Exist (mic)197
maintenance, processes
Adding ESLint and Auto-Fixing an Existing TypeScript Project196
eslint, typescript, automation
Notes on Quality195
design, user-experience
AI Isn’t Useless—but Is It Worth It? (mol)194
ai
Humans Do It Better: GitClear Analyzes 153M Lines of Code, Finds Risks of AI193
ai, craft, metrics, engineering-management
JavaScript Code Quality Tools: See Qodana in Action192
jetbrains, qodana, javascript
9 Signs Your Frontend Code Has Quality Issues That Affect Your Users (ang)191
craft, accessibility, usability, user-experience, conformance, performance
Purging Design System “Rot” From Our Checkboxes (chu)190
design-systems, maintenance, accessibility, case-studies
Testing HTML With Modern CSS (hey)189
html, css, testing
The Detail, the Quality188
design
Building Websites and Building Websites Well (j9t)187
craft, community
Bugs I’ve Filed on Browsers (nol)186
browsers, chromium, firefox, webkit
Lines of Code—How to Not Measure Code Quality and Developer Efficiency (cod)185
metrics, efficiency, productivity
Is the Increasing Amount of Shit Code All the Fault of AI-Generated Code?184
ai, technical-debt
What Can a Website Do? (dav)183
accessibility, usability
New Study on Coding Behavior Raises Questions About Impact of AI on Software Development182
studies, research, ai, technical-debt
Unit Testing With Jest and Integration With GitHub Actions181
testing, jest, github-actions
14 Things to Check Before Deploying a Website180
deploying, processes
Definition of Done (DoD) Explanation and Example179
agile, scrum, processes, examples
My Web Development Wishlist 2024 (j9t)178
community, user-experience, developer-experience, conformance, wish-lists
Software Quality177
research
Incident, Mitigate, Learn (j9t)176
processes, incident-response, learning
“HTML First” Is Not HTML First (j9t)175
html, principles, craft
The Top Accessibility Errors Found in 2023 (tpg)174
accessibility, conformance, errors, retrospectives
The Road to HTMHell Is Paved With Semantics (pep/mat)173
html, semantics
What Really Is Technical Debt?172
technical-debt, terminology
Signals of Interface Quality171
design
All Technical Debt Is a Risk to the Product and to Your Business170
technical-debt, product-management, processes
Conducting a Content Audit to Improve Your Content (uxm)169
content, auditing, optimization
Everything About SEO Is Obnoxious (chr)168
seo, ethics
Web Developers: Remarkably Untalented and Careless? (bal)167
career, training
Accessibility Training Will Not Save You (rei)166
accessibility, training, career
0 KB Social Media Embeds (chr)165
embed-code
2023: 0 of the Global Top 100 Websites Use Valid HTML (j9t)164
html, css, conformance, metrics
Unit-Testing: The Unsung Hero of Code Quality163
testing
So You’ve Been Publicly Accessibility-Shamed (dav)162
accessibility, communication
Testing and Code Quality in Node.js (hon)161
testing, nodejs
Stop Waiting (jha)160
testing
Don’t Do It on Frontend or… Frontend Good Practices for Devs159
best-practices, maintainability, documentation
On the Uniting Power of a Commitment to HTML Conformance (j9t)158
html, conformance, community, web
Unpopular Opinion: It’s Harder Than Ever to Be a Good Software Engineer157
career
WCAG 2.2 and Validation156
accessibility, wcag, conformance
Characteristics of Code Quality155
research
No More 404 (rem)154
link-rot, user-experience, automation
Developers Talking About Code Quality153
studies, research, readability
The 5 Principles of Unit Testing152
principles, testing
Long Live the Test Pyramid (sma)151
testing, maintainability
Three Dimensions of Developer Productivity150
research, developer-experience, productivity
Why Are Websites Embarrassing? (fon)149
craft
Nobody Cares About Your “Perfect” Code: Change Your Perspective148
product-management
Tailwind, and the Death of Web Craftsmanship147
tailwind, craft
Good Code Is— (j9t)146
terminology
Good Code Is Like a Love Letter to the Next Developer Who Will Maintain It (add)145
programming, maintainability, communication
We Deleted More Than 5,000 Pages From Our College Website—Here’s Why144
accessibility, maintenance
A Guide to Coding Standards to Improve Code Quality143
guides, conventions, formatting, consistency
Improving the Quality of the Software With Qodana and GitHub Actions142
jetbrains, qodana, optimization, github, ci-cd
Website Issues: On the Relevance of Audience Size and Impact (j9t)141
processes
Code Coverage vs. Test Coverage140
code-coverage, testing, comparisons
Write Better CSS by Borrowing Ideas From JavaScript Functions (sma)139
css, javascript, functions
Guardrails for Better Accessibility Support in Frontend (net)138
accessibility, tooling
Fighting Inter-Component HTML Bloat (eli)137
components, html, semantics
The Cost of Craft136
craft, complexity, processes
We Don’t Need “.visually-hidden” (den)135
accessibility, css, semantics
Craft vs. Industry: Separating Concerns (nac)134
economics, maintainability, craft, comparisons
Conformance and Accessibility (j9t)133
accessibility, conformance
Qodana Code Quality Platform—Overview132
videos, overviews, jetbrains, qodana, ci-cd
What’s Wrong With Code in 2022?131
complexity, processes
Code Ownership and Software Quality130
research, processes
Today I Learned: The Subtle Art of Code Reviews129
code-reviews, best-practices
Accessibility Is in Style—Styles and Style Guides (kno)128
accessibility, writing, design, documentation, style-guides, consistency
How to Start a Content Audit127
how-tos, content, content-management, auditing
“aria-label” Is a Code Smell (eri)126
accessibility, aria, labels, technical-debt
How Flaky Tests Impact Developers125
research, testing, flakiness
2022: 0 of the Global Top 100 Websites Use Valid HTML (j9t)124
html, css, conformance, metrics, craft
JavaScript Bugs Aplenty in Node.js Ecosystem—Found Automatically123
studies, research, nodejs, javascript, dependencies, security, bugs
One-Dimensional Website Optimization Considered Harmful (j9t)122
optimization
The Importance of Clean Code in Your Startup’s Success121
Your Code Doesn’t Have to Be a Mess120
Applying SOLID Principles in React119
maintainability, principles, solid, react
How to Use ESLint and Prettier for Code Analysis and Formatting118
how-tos, consistency, eslint, prettier, linting, formatting
Top 2021 CSS Frameworks Report: Validation (cit)117
studies, research, frameworks, css, conformance
Writing Better CSS116
css, sorting
The CSS Art Paradox (j9t)115
css, art, html
The 5 Golden Rules of Code Reviews114
code-reviews, processes
How to Write Good Code: 10 Beginner-Friendly Techniques for Instant Results113
how-tos, techniques
Why Accessibility Bugs Are a Good Thing and How to Handle Them112
accessibility, bugs
An Opinionated Guide to Unit Testing111
guides, testing
There’s No Such Thing as Clean Code110
developer-experience
The Risks and Rewards of App Modernization (uxm)109
maintenance, modernization
Big Images, Blazingly Fast108
performance, images
Find HTML Parsing Errors (pat/dev)107
browsers, dev-tools, html, parsing
Writing Better CSS (ale)106
css, efficiency
The Guideline Gap105
design-systems, accessibility, localization
The Little Book of Little Books (j9t)104
books, frameworks, conventions
Web Quality Assurance: From User Requirements to Web Risk Management (sma)103
usability
It Takes a PhD to Develop That102
career, complexity
Maintaining End-to-End Quality With Visual Testing (sma)101
testing, design
I’m Changing How I Review Code100
code-reviews
The 3-Second Frontend Developer Test (j9t)99
html, css, conformance
It’s a (Front-End Testing) Trap! Six Common Testing Pitfalls and How to Solve Them (sma)98
testing
CSS Frameworks in Vogue, but Don’t Forget Style Fundamentals (ric/the)97
css, frameworks, fundamentals
NPM Global Audit96
packages, npm, security, auditing
Why Validate? (j9t)95
html, css, conformance, craft
Reasons Why Bugs Might Feel “Impossible”94
debugging, bugs
2021: 98% of the Top 100 US Websites Use Invalid HTML (j9t)93
html, css, conformance, metrics, craft
Auditing Design Systems for Accessibility (deq)92
accessibility, design-systems, auditing
21 Best Practices for a Clean React Project91
best-practices, react
Code in Quarantine (j9t)90
maintenance
The Dos and Don’ts of Code Reviews89
code-reviews, learning
In Critical Defense of Frontend Development (j9t)88
craft
Optimizing Image Depth (mey/css)87
images, performance, optimization
How to Find and Fix Common Website Accessibility Issues (kil)86
how-tos, accessibility, contrast, color-blindness, colors, responsive-design
New Google Quality Rater Guidelines, Update Adds Emphasis on Needs Met85
guidelines, seo, google
AVIF Has Landed (jaf)84
images, avif, performance, jpeg, webp, svg, png, comparisons
The 4 Pillars of Good Embed Code (j9t)83
embed-code, usability
The Most Critical Python Code Metric82
python, metrics, principles
Page Builders Might Not Be a Good Idea (cit)81
maintainability, consistency, performance
Goodbye, Clean Code (dan)80
principles, processes
On Writing Better Markup (j9t)79
html, maintainability, performance, terminology
Why Quality Is Important78
craft
The TypeScript Tax (eri)77
typescript, type-safety, metrics
The 5 Raisons d’Être of Testing (nma)76
testing
How to Configure Lighthouse for Balanced Quality Websites (j9t)75
how-tos, performance, google, lighthouse, configuration
Here’s the Thing About “Unused CSS” Tools (chr/css)74
css, performance, tooling
We Write CSS Like We Did in the 90s, and Yes, It’s Silly (j9t/ali)73
css, craft, conventions, sorting
Why TDD Isn’t Crap (hil)72
testing, processes
Code Review Etiquette (css)71
code-reviews, collaboration, communication, tips-and-tricks
How to Write Better Code: The 3 Levels of Code Consistency (j9t/css)70
consistency
What We Should Teach Up-and-Coming Developers (j9t)69
training, principles, ethics
8 Must Have PHP Quality Assurance Tools68
php, tooling
Linting HTML Using CSS (ire)67
html, css, linting
Principles of Web Development (j9t)66
principles, user-experience, simplicity, maintainability, learning
The Art of a Pull Request65
version-control, code-reviews, processes
The Anatomy of a Coding Guideline (j9t)64
conventions
The Importance of Code Reviews (kit)63
code-reviews, collaboration
Improving the Quality of Your CSS With PostCSS62
css, optimization, postcss
Technical Debt: Rescuing Legacy Code Through Refactoring61
technical-debt, refactoring, maintenance, monitoring, testing
Seriously, Don’t Use Icon Fonts (tyl/clo)60
fonts, icon-fonts, html
The Full Stack Overflow Developer (cod)59
career, craft, link-lists
No Good Can Come of Bad Code (zel/ali)58
accessibility, semantics, standards
The Problems of Working With Web Agencies (j9t)57
business-relations
Google and HTML/CSS Code Quality (j9t)56
google, html, css, history
How to Be a Good Developer55
how-tos, career, professionalism, prioritization, craft
CSS Audits: Taking Stock of Your Code (ali)54
css, auditing
Why AngularJS Makes Every Single Developer a Better One53
angularjs, software-design-patterns
Good Content Is Too Valuable to Die (vit/sma)52
content
Code Culture Problem51
communication, culture, bugs
CSS Architectures: Principles of Code Cleanup50
css, principles, optimization
QA and UX (nng)49
user-experience, concepts
“Bad Code,” Dogmatism, Etc. (chr/css)48
html, css
Test the Web Forward (w3c)47
testing, standards, web-platform
Why Quality Impacts Your Bottom Line46
concepts, economics
10 Tips for Better Coding45
tips-and-tricks, conventions, documentation, refactoring, naming, version-control, building, testing, tooling
Managing Technical Debt (acm)44
technical-debt, programming, processes
Google HTML/CSS Style Guide (j9t)43
google, html, css, style-guides, principles, conformance, formatting, naming, sorting
Understanding Technical Debt (nza)42
technical-debt, concepts
Why Should You Care About Website Usability?41
usability, consistency, simplicity, content, whitespace, html
Validation: Measuring and Tracking Code Quality (j9t)40
html, css, conformance, metrics
Google’s Focus on Quality and the PostRank Acquisition39
google, seo
How to Proofread Your Own Writing38
how-tos, writing, communication
Optimizing HTML37
html, optimization
Website Maintenance Tips for Front-End Developers (lou/sma)36
maintenance, tips-and-tricks, tooling, link-lists
Diagnostic Styling Reloaded (j9t)35
bookmarklets, css
The Two Great Things About Validation/Conformance (j9t)34
conformance, html, css, craft
The Greatest Secret in Web Design (j9t)33
maintenance, maintainability, processes
The Most Annoying Yet Most Important Task in Website Management (j9t)32
links, link-rot, maintenance, user-experience, web
Where Our Standards Went Wrong (bee/ali)31
standards, conformance
10 Measures for Continuous Website Maintenance (j9t)30
processes, maintenance
Is Easy Implementation the Same as Good Code? (cod/aja)29
developer-experience, performance, javascript, embed-code
Don’t Be Ashamed of Your Code (tka)28
career
The 3 Levels of Programmers: The Good, The Bad, and the Lazy27
career
Google Can’t Code26
google, html, conformance
Corporate Web Standards (dig)25
html, css, standards
Fixing the Web… Together! (kar/w3c)24
html, xhtml, css, standards, conformance
10 Steps to Create a High-Quality Website (j9t)23
processes
Signs of a Quality Link22
links, seo
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