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)270
packages, apache, redirecting, link-rot
AI Content Wasn’t Good Enough—Now It Is (thi/ahr)269
content, writing, ai
Amazon Calls Engineers for a “Deep Dive” Internal Meeting to Discuss “GenAI”-Related Outages (the)268
amazon, aws, ai
On Software Quality (nic/pxl)267
apple
What Is JPEG XL: Do We Really Need Another Image Format? (aar/deb)266
jpeg-xl, images, performance, metrics
When Design Stops Asking Why and Starts Asking, “Can AI Do It?” (uxd)265
design, ai, processes
The Design System Paradox: How Abstraction Can Hollow Out Quality (pjo/zer)264
design-systems, training
Rethinking “Pixel Perfect” Web Design (ami/sma)263
design
So You Think Your Website Is Doing Great (cit)262
html, javascript, css
The “Two-Brain” Advantage: Why You Should Never Trust Just One AI (owe/pro)261
ai, processes
Nobody Writes Clean Code—We All Just Pretend260
craft
“Sloppy” Code and Accessibility Issues: The Trouble With Trump’s Silicon Valley-Inspired Web Design Project (not)259
design, accessibility, case-studies
How Good Engineers Write Bad Code at Big Companies (sea)258
career, culture
5 Reasons Why WCAG AA Compliance Does Not Mean Your Website Is Accessible (cra)257
accessibility, wcag, compliance, colors, readability, performance, content, multimedia
Good Enough Is a Strategy (tre)256
strategies, technical-debt
Good Visual Design, Explained (nng)255
design, principles
What Developers Really Mean by “Bad Code” (jet)254
maintainability, scalability, consistency, security
Now Available: “On Web Development II”! (j9t)253
books, html, css, engineering-management, maintainability
Some Software Bloat Is OK252
technical-debt, performance
The Words “Blah Blah Blah” Increase AI Accuracy (jim)251
ai, prompting
The QA Checklist for Using AI to Generate Test Cases (and Why Tools Like AgentQ AI Make It Easier)250
checklists, testing, ai
Linting, Automated: AI-Powered Static Analysis With Gemini249
linting, automation, ai, gemini, google
2025: 0 of the Global Top 200 Websites Use Valid HTML (j9t)248
html, conformance, metrics, craft
AI Contrarians on the Problems With Vibe Coding (low/the)247
ai, vibe-coding, slop, career
From McCabe to Essential Complexity246
programming, complexity, metrics
“Best Practice” Is Just Your Opinion (cra)245
accessibility, auditing, best-practices
Vibe Coding and the Illusion of Progress244
vibe-coding, ai, technical-debt
I Know When You’re Vibe Coding (ale)243
vibe-coding, ai
Pair Programming Is the Better Code Review242
code-reviews, collaboration
The AI-Native Software Engineer (add)241
ai, processes, testing, career
Google: Many Top Sites Have Invalid HTML and Still Rank (mat/sea)240
google, html, conformance, seo
Quality Is a Trap (eri)239
design
A New Era of Code Quality238
security
AI and Vibe Coding Are Radically Impacting Senior Devs in Code Review (the/the)237
ai, vibe-coding, code-reviews
Why Is Quality So Rare?236
craft
Figma Sites Is Worse Than You Might Have Thought (kev)235
videos, figma
The True Path to Garbage Code: Figma Sites (joe)234
figma, html, semantics, accessibility
Stop Hiding Bad Code Behind Good Tooling233
tooling, craft
Vibe Coding Is Not an Excuse for Low-Quality Work (add)232
vibe-coding, ai
Can LLMs Earn $1M From Real Freelance Coding Work?231
ai, programming, engineering-management, economics
What It Means to Shift Left on Accessibility and How to Do It Right (lul)230
accessibility, dei, design, culture, processes, collaboration, project-management, content-strategy, training
Teaching Code in the AI Era: Why Fundamentals Still Matter (ali)229
training, ai, programming, vibe-coding, security, scalability, performance, testing, documentation
Maintaining Screenshot Quality and Color Profile in Figma (max)228
figma, screenshots, images, colors
What’s Missing With AI-Generated Code? Refactoring (ste/the)227
surveys, studies, research, ai, productivity, maintenance, refactoring
11 Practical Tips to Make Code Reviews Easier as a Developer226
code-reviews, tips-and-tricks, ai, principles, linting, formatting, collaboration
Clean Code in JavaScript: A Comprehensive Guide225
guides, javascript, principles, conventions, variables, objects, functions, comments, testing
5 Ways to Increase the Quality of Your Design System Documentation224
design-systems, documentation
Alt Text Accessibility: Balancing AI and Human Oversight (tec+/equ)223
podcasts, accessibility, images, multimedia, alt-text, ai
Developer Philosophy (qnt)222
technical-debt, refactoring, processes
Generating Image Descriptions and Alt-Text With AI (dri)221
images, alt-text, accessibility, ai
Differences Between ESLint and TypeScript (jos/esl)220
eslint, typescript, comparisons, linting, type-safety
Your Clean Code Might Be Someone Else’s Technical Debt219
technical-debt, principles
Code Quality Becomes Even More Vital in the AI Era (vil/the)218
ai, automation
Where Has All the Valid HTML Gone (j9t)217
html, conformance
Help Your Code Reviewer (ant)216
code-reviews, collaboration, communication, consistency
Are AI Assistants Making Us Worse Programmers?215
career, programming, ai, craft
Mastering Clean Code With SOLID, DRY, KISS, and YAGNI Principles214
principles, solid, craft
25 Crazy Software Bugs Explained (fir)213
videos, programming, bugs, history
Test Smart: How to Apply Automation and Stay Sane? (uxd)212
testing, automation, ci-cd
Improving Code Quality With Linting211
optimization, linting, formatting
2024: 0.5% of the Global Top 200 Websites Use Valid HTML (j9t)210
html, conformance, metrics, craft
Why Copilot Is Making Programmers Worse at Programming209
ai, github-copilot, craft, programming, career
Unrealistic Deadlines in Software Engineering (tre)208
project-management, prioritization, engineering-management
Algorithms We Develop Software By (gra)207
programming, processes, best-practices
Good Refactoring vs. Bad Refactoring (ste/bui)206
refactoring, comparisons, maintenance, javascript
ObsoHTML, the Obsolete HTML Checker (j9t)205
packages, npm, html
Comparing Design Systems to Find the Best Qualities (hdv)204
design-systems
The Art of Clean Code: Mastering the SOLID Principles203
principles, solid
My Favorite Interview Questions for QA Engineers202
interviewing
After CrowdStrike, Programmers Deserve Consequences201
programming, career
Perfect Bug Report200
websites, writing, bugs
Introduction to Selenium for QA Automation: The Essential Guide199
introductions, guides, selenium, testing, automation
We Need to Talk More About Conformance, if We Want to Stop Fantasy HTML (j9t)198
html, conformance, craft
Software Engineering Principles Every Frontend Developer Should Know197
principles, craft
The Perfect Site Doesn’t Exist (mic)196
maintenance, processes
Adding ESLint and Auto-Fixing an Existing TypeScript Project195
eslint, typescript, automation
Notes on Quality194
design, user-experience
AI Isn’t Useless—but Is It Worth It? (mol)193
ai
Humans Do It Better: GitClear Analyzes 153M Lines of Code, Finds Risks of AI192
ai, craft, metrics, engineering-management
JavaScript Code Quality Tools: See Qodana in Action191
jetbrains, qodana, javascript
9 Signs Your Frontend Code Has Quality Issues That Affect Your Users (ang)190
craft, accessibility, usability, user-experience, conformance, performance
Purging Design System “Rot” From Our Checkboxes (chu)189
design-systems, maintenance, accessibility, case-studies
Testing HTML With Modern CSS (hey)188
html, css, testing
The Detail, the Quality187
design
Building Websites and Building Websites Well (j9t)186
craft, community
Bugs I’ve Filed on Browsers (nol)185
browsers, chromium, firefox, webkit
Lines of Code—How to Not Measure Code Quality and Developer Efficiency (cod)184
metrics, efficiency, productivity
Is the Increasing Amount of Shit Code All the Fault of AI-Generated Code?183
ai, technical-debt
What Can a Website Do? (dav)182
accessibility, usability
New Study on Coding Behavior Raises Questions About Impact of AI on Software Development181
studies, research, ai, technical-debt
Unit Testing With Jest and Integration With GitHub Actions180
testing, jest, github-actions
14 Things to Check Before Deploying a Website179
deploying, processes
Definition of Done (DoD) Explanation and Example178
agile, scrum, processes, examples
My Web Development Wishlist 2024 (j9t)177
community, user-experience, developer-experience, conformance, wish-lists
Software Quality176
research
Incident: Mitigate, Learn (j9t)175
processes, incident-response, learning
“HTML First” Is Not HTML First (j9t)174
html, principles, craft
The Top Accessibility Errors Found in 2023 (tpg)173
accessibility, conformance, errors, retrospectives
The Road to HTMHell Is Paved With Semantics (pep/mat)172
html, semantics
What Really Is Technical Debt?171
technical-debt, terminology
Signals of Interface Quality170
design
All Technical Debt Is a Risk to the Product and to Your Business169
technical-debt, product-management, processes
Conducting a Content Audit to Improve Your Content (uxm)168
content, auditing, optimization
Everything About SEO Is Obnoxious (chr)167
seo, ethics
Web Developers: Remarkably Untalented and Careless? (bal)166
career, training
Accessibility Training Will Not Save You (rei)165
accessibility, training, career
0 KB Social Media Embeds (chr)164
embed-code
2023: 0 of the Global Top 100 Websites Use Valid HTML (j9t)163
html, css, conformance, metrics
Unit-Testing: The Unsung Hero of Code Quality162
testing
So You’ve Been Publicly Accessibility-Shamed (dav)161
accessibility, communication
Testing and Code Quality in Node.js (hon)160
testing, nodejs
Stop Waiting (jha)159
testing
Don’t Do It on Frontend or… Frontend Good Practices for Devs158
best-practices, maintainability, documentation
On the Uniting Power of a Commitment to HTML Conformance (j9t)157
html, conformance, community, web
Unpopular Opinion: It’s Harder Than Ever to Be a Good Software Engineer156
career
WCAG 2.2 and Validation155
accessibility, wcag, conformance
Characteristics of Code Quality154
research
No More 404 (rem)153
link-rot, user-experience, automation
Developers Talking About Code Quality152
studies, research, readability
The 5 Principles of Unit Testing151
principles, testing
Long Live the Test Pyramid (sma)150
testing, maintainability
Three Dimensions of Developer Productivity149
research, developer-experience, productivity
Why Are Websites Embarrassing? (fon)148
craft
Nobody Cares About Your “Perfect” Code: Change Your Perspective147
product-management
Tailwind, and the Death of Web Craftsmanship146
tailwind, craft
Good Code Is— (j9t)145
terminology
Good Code Is Like a Love Letter to the Next Developer Who Will Maintain It (add)144
programming, maintainability, communication
We Deleted More Than 5,000 Pages From Our College Website—Here’s Why143
accessibility, maintenance
A Guide to Coding Standards to Improve Code Quality142
guides, conventions, formatting, consistency
Improving the Quality of the Software With Qodana and GitHub Actions141
jetbrains, qodana, optimization, github, ci-cd
Website Issues: On the Relevance of Audience Size and Impact (j9t)140
processes
Code Coverage vs. Test Coverage139
code-coverage, testing, comparisons
Write Better CSS by Borrowing Ideas From JavaScript Functions (sma)138
css, javascript, functions
Guardrails for Better Accessibility Support in Frontend (net)137
accessibility, tooling
Fighting Inter-Component HTML Bloat (eli)136
components, html, semantics
The Cost of Craft135
craft, complexity, processes
We Don’t Need “.visually-hidden” (den)134
accessibility, css, semantics
Craft vs. Industry: Separating Concerns (nac)133
economics, maintainability, craft, comparisons
Conformance and Accessibility (j9t)132
accessibility, conformance
Qodana Code Quality Platform—Overview131
videos, overviews, jetbrains, qodana, ci-cd
What’s Wrong With Code in 2022?130
complexity, processes
Code Ownership and Software Quality129
research, processes
Today I Learned: The Subtle Art of Code Reviews128
code-reviews, best-practices
Accessibility Is in Style—Styles and Style Guides (kno)127
accessibility, writing, design, documentation, style-guides, consistency
How to Start a Content Audit126
how-tos, content, content-management, auditing
“aria-label” Is a Code Smell (eri)125
accessibility, aria, labels, technical-debt
How Flaky Tests Impact Developers124
research, testing, flakiness
2022: 0 of the Global Top 100 Websites Use Valid HTML (j9t)123
html, css, conformance, metrics, craft
JavaScript Bugs Aplenty in Node.js Ecosystem—Found Automatically122
studies, research, nodejs, javascript, dependencies, security, bugs
One-Dimensional Website Optimization Considered Harmful (j9t)121
optimization
The Importance of Clean Code in Your Startup’s Success120
Your Code Doesn’t Have to Be a Mess119
Applying SOLID Principles in React118
maintainability, principles, solid, react
How to Use ESLint and Prettier for Code Analysis and Formatting117
how-tos, consistency, eslint, prettier, linting, formatting
Top 2021 CSS Frameworks Report: Validation (cit)116
studies, research, frameworks, css, conformance
Writing Better CSS115
css, sorting
The CSS Art Paradox (j9t)114
css, art, html
The 5 Golden Rules of Code Reviews113
code-reviews, processes
How to Write Good Code: 10 Beginner-Friendly Techniques for Instant Results112
how-tos, techniques
Why Accessibility Bugs Are a Good Thing and How to Handle Them111
accessibility, bugs
An Opinionated Guide to Unit Testing110
guides, testing
There’s No Such Thing as Clean Code109
developer-experience
The Risks and Rewards of App Modernization (uxm)108
maintenance, modernization
Big Images, Blazingly Fast107
performance, images
Find HTML Parsing Errors (pat/dev)106
browsers, dev-tools, html, parsing
Writing Better CSS (ale)105
css, efficiency
The Guideline Gap104
design-systems, accessibility, localization
The Little Book of Little Books (j9t)103
books, frameworks, conventions
Web Quality Assurance: From User Requirements to Web Risk Management (sma)102
usability
It Takes a PhD to Develop That101
career, complexity
Maintaining End-to-End Quality With Visual Testing (sma)100
testing, design
I’m Changing How I Review Code99
code-reviews
The 3-Second Frontend Developer Test (j9t)98
html, css, conformance
It’s a (Front-End Testing) Trap! Six Common Testing Pitfalls and How to Solve Them (sma)97
testing
CSS Frameworks in Vogue, but Don’t Forget Style Fundamentals (ric/the)96
css, frameworks, fundamentals
NPM Global Audit95
packages, npm, security, auditing
Why Validate? (j9t)94
html, css, conformance, craft
Reasons Why Bugs Might Feel “Impossible”93
debugging, bugs
2021: 98% of the Top 100 US Websites Use Invalid HTML (j9t)92
html, css, conformance, metrics, craft
Auditing Design Systems for Accessibility (deq)91
accessibility, design-systems, auditing
21 Best Practices for a Clean React Project90
best-practices, react
Code in Quarantine (j9t)89
maintenance
The Dos and Don’ts of Code Reviews88
code-reviews, learning
In Critical Defense of Frontend Development (j9t)87
craft
Optimizing Image Depth (mey/css)86
images, performance, optimization
How to Find and Fix Common Website Accessibility Issues (kil)85
how-tos, accessibility, contrast, color-blindness, colors, responsive-design
New Google Quality Rater Guidelines, Update Adds Emphasis on Needs Met84
guidelines, seo, google
AVIF Has Landed (jaf)83
images, avif, performance, jpeg, webp, svg, png, comparisons
The 4 Pillars of Good Embed Code (j9t)82
embed-code, usability
The Most Critical Python Code Metric81
python, metrics, principles
Page Builders Might Not Be a Good Idea (cit)80
maintainability, consistency, performance
Goodbye, Clean Code (dan)79
principles, processes
On Writing Better Markup (j9t)78
html, maintainability, performance, terminology
Why Quality Is Important77
craft
The TypeScript Tax (eri)76
typescript, type-safety, metrics
The 5 Raisons d’Être of Testing (nma)75
testing
How to Configure Lighthouse for Balanced Quality Websites (j9t)74
how-tos, performance, google, lighthouse, configuration
Here’s the Thing About “Unused CSS” Tools (chr/css)73
css, performance, tooling
We Write CSS Like We Did in the 90s, and Yes, It’s Silly (j9t/ali)72
css, craft, conventions, sorting
Why TDD Isn’t Crap (hil)71
testing, processes
Code Review Etiquette (css)70
code-reviews, collaboration, communication, tips-and-tricks
How to Write Better Code: The 3 Levels of Code Consistency (j9t/css)69
consistency
What We Should Teach Up-and-Coming Developers (j9t)68
training, principles, ethics
8 Must Have PHP Quality Assurance Tools67
php, tooling
Linting HTML Using CSS (ire)66
html, css, linting
Principles of Web Development (j9t)65
principles, user-experience, simplicity, maintainability, learning
The Art of a Pull Request64
version-control, code-reviews, processes
The Anatomy of a Coding Guideline (j9t)63
conventions
The Importance of Code Reviews (kit)62
code-reviews, collaboration
Improving the Quality of Your CSS With PostCSS61
css, optimization, postcss
Technical Debt: Rescuing Legacy Code Through Refactoring60
technical-debt, refactoring, maintenance, monitoring, testing
Seriously, Don’t Use Icon Fonts (tyl/clo)59
fonts, icon-fonts, html
The Full Stack Overflow Developer (cod)58
career, craft, link-lists
No Good Can Come of Bad Code (zel/ali)57
accessibility, semantics, standards
The Problems of Working With Web Agencies (j9t)56
business-relations
Google and HTML/CSS Code Quality (j9t)55
google, html, css, history
How to Be a Good Developer54
how-tos, career, professionalism, prioritization, craft
CSS Audits: Taking Stock of Your Code (ali)53
css, auditing
Why AngularJS Makes Every Single Developer a Better One52
angularjs, software-design-patterns
Good Content Is Too Valuable to Die (vit/sma)51
content
Code Culture Problem50
communication, culture, bugs
CSS Architectures: Principles of Code Cleanup49
css, principles, optimization
QA and UX (nng)48
user-experience, concepts
“Bad Code,” Dogmatism, Etc. (chr/css)47
html, css
Test the Web Forward (w3c)46
testing, standards, web-platform
Why Quality Impacts Your Bottom Line45
concepts, economics
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
Signs of a Quality Link21
links, seo
Unicorn Sighting (Public Preview) (don/w3c)20
w3c, tooling, conformance
Web Content: From Fabulous to Frankenstein19
content, legal
Write Better CSS (jch)18
css, comments
Ten Steps to a More User Friendly Website17
flash, performance, images, compression, link-rot, html, conformance, browsers, support, navigation, readability
JPG Quality (dav)16
images, jpeg, compression
The Four Essentials of Modern Web Design15
fundamentals, conformance, accessibility, semantics, principles
W3C Members: What Standards? (zdn)14
w3c, html, conformance, standards
99.9% of Websites Are Obsolete (zel/dig)13
html, css
Poor Code Quality Contaminates Users’ Conceptual Models (nng)12
resilience, productivity, usability
The Joel Test: 12 Steps to Better Code (spo)11
programming, version-control, building, culture, tooling, testing, principles
Top 3 HTML Straw Man Arguments10
html, presentational-html
Validators9
html, conformance, tooling, link-lists
Code Quality Checker8
tools, analysis, performance, optimization
CSS Analyzer (CSS Stats)7
tools, analysis, css
CSS Analyzer (Lea Verou) (lea)6
tools, analysis, css
CSS Analyzer (Project Wallace)5
tools, analysis, css
CSS Quality Checker4
tools, analysis, css
Website Analyzer (Accessify)3
tools, analysis, performance, optimization
Website Analyzer (Frontend Dogma) (fro)2
tools, analysis, frontend-dogma
Image Quality Enhancer1
tools, exploration, images