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 that they be respected. Hide

Frontend Dogma

“principles” News Archive

Definition, related topics, and tag feed

Definition · Supertopics: prioritization · Subtopics: graceful-degradation, progressive-enhancement, solid (non-exhaustive) · “principles” RSS feed (per email)

Entry (Sources) and Additional TopicsDate#
39 Principles for Designing Human-AI Interaction265
design, hci, ai
Open-Source AI Agent: Integrating OMO With OpenCode—Principles and Practices264
translations, opencode, ai, ai-agents, best-practices
What’s New in Web UI (una+)263
videos, web-platform, user-experience, html, canvas, css, google
Three Stoic Principles for Better Web Accessibility (stv/pic)262
accessibility
The Vertical Codebase (tkd)261
components, concepts, monorepos
A Practical Guide to Design Principles (vit/sma)260
guides, design, link-lists
Why Most Design Principles Fail (ben)259
design
Agentic UX: 7 Principles for Designing Systems With Agents258
ai-agents, ai, design
Software Design Principles That Matter257
software-design, examples
The Web Runs on Tolerance (ede)256
web-platform, standards
Good Visual Design, Explained (nng)255
design, quality
Programming Principles for Self Taught Front-End Developers (kil/pic)254
programming
My CSS Selector Strategy (mal)253
css, selectors
12 Essential Java Best Practices Every Developer Should Follow252
programming, java, best-practices
The Hidden Cost of URL Design (ahm)251
urls, routing, seo
Principles of Simplicity in Frontend Architecture250
simplicity, dependencies
The 10 Foundational UX Principles Every Designer Should Know (web)249
design, user-experience
Is SOLID Still a Solid Choice for Software Design? (lan)248
solid, oop, programming
Ambient Animations in Web Design: Principles and Implementation (mal/sma)247
design, animations, css
Why Inclusive Products Are Green Products (tet)246
accessibility, dei, user-experience, consistency, sustainability
The First Rule of ARIA (nat)245
accessibility, aria, html
How to Write Clean Code, Actually…244
how-tos, programming, software-design
Agent Experience (AX): The Concept of AI Agent Designing243
agent-experience, ai, concepts
A Progressive Complexity Manifesto (che)242
manifestos, complexity, web-apps, html, htmx, javascript, web-components, frameworks
The Three Great Virtues of an AI-Assisted Programmer (sea)241
programming, ai, career
24 UX Design Principles of the Build-for Framework (uxm)240
user-experience, design
Designing Information Architecture: Design Principles (pab/uxm)239
books, information-architecture, design
The Eleven Commandments of AI UX238
ai, user-experience, design
Setting Targets for Developer Productivity Metrics (lau)237
productivity, metrics
Designing Calm: UX Principles for Reducing Users’ Anxiety (uxm)236
design, user-experience
The Fastest Way to Spend Less Time Debugging235
videos, debugging, testing
Design System Documentation Is Essential—as Long as It’s Good (pjo)234
design-systems, documentation, content, writing
Principles for Coding Securely With LLMs (sea)233
ai, security
7 UI/UX Principles Every Dev Should Know232
design, user-experience
12-Factor Agents—Principles for Building Reliable LLM Applications231
ai, reliability
From Designing Things to Designing Change230
design, collaboration
Ethical Foundations in Modern Software Development (fra)229
fundamentals, ethics, foss, ai
Google’s Principles for Measuring Developer Productivity228
google, productivity, studies, research
11 Practical Tips to Make Code Reviews Easier as a Developer227
code-reviews, tips-and-tricks, ai, linting, formatting, quality, collaboration
Clean Code in JavaScript: A Comprehensive Guide226
guides, javascript, conventions, variables, objects, functions, comments, testing, quality
Accessible UX Design: 6 Advanced Techniques to Elevate Your Process (a11)225
design, user-experience, accessibility, techniques, processes
Designing for AI Engineers: UI Patterns You Need to Know (eve)224
design, design-patterns, processes, ai
The Systemic Failure of Implementing CSS Principles223
css, history, maintainability, consistency, modules, craft
Your Clean Code Might Be Someone Else’s Technical Debt222
technical-debt, quality
Angular Clean Coding Fundamentals221
fundamentals, angular
Open Source Drives the Twelve-Factor Modernization Project220
foss, architecture
The 20 Commandments of Software Engineering219
programming, complexity, documentation, commit-messages, code-reviews, dependencies, maintenance, collaboration
Principles of Web Accessibility (hey)218
accessibility
15 Principles for Secure Programming (rak)217
security, validation, testing
The Design Leader Dilemma (boa/sma)216
design, leadership, policies, prioritization
Become a Better Developer With Clean Code Essentials: YAGNI, KISS, and DRY in Software Engineering215
fundamentals, minimalism, simplicity, maintainability
Ethical Web Principles: Building a Better Web (tor/w3c)214
web, ethics, processes, advocacy
Ethical Web Principles (tor+/w3c)213
web, ethics, w3c
Goodhart’s Law in Action: 3 Webperf Examples (nom/per)212
performance, lighthouse, web-vitals, metrics, google, examples
Program Errors Out of Existence (ale)211
programming, errors
Privacy Principles (rob+/w3c)210
privacy
The Art of Clean Code: A Practical Guide to Writing Maintainable JavaScript209
guides, javascript, maintainability
What Developers Miss About the Single Responsibility Principle (jac)208
solid
How Gestalt Principles Influence UX Design (uxm)207
user-experience, design
Mastering Clean Code With SOLID, DRY, KISS, and YAGNI Principles206
solid, quality, craft
9 Laws That Every Software Developer Should Know205
programming
The Golden Ratio in CSS (sto)204
css, design
Conway’s Law: The Hidden Force Shaping Your Software Architecture (tre)203
architecture, engineering-management
The Evolution of CSS: From Early Days to Flexbox and Grid (kev/thi)202
videos, css, history, concepts
Good UX Is Not Just About Minimizing Clicks201
user-experience, design, processes
The Nine Node Pillars (mco/pla)200
nodejs, dependencies
Frontend Development Practices That Will Help You Avoid Failure199
best-practices, tech-stacks, architecture, validation, linting, testing
Interface Segregation Principle in React198
solid, react
In Defense of DRY (max)197
maintainability, link-lists
80/20 Accessibility (mar)196
accessibility
SOLID Principles for Designers195
design, solid
HTML Web Components Make Progressive Enhancement and CSS Encapsulation Easier (css)194
html, web-components, solid, progressive-enhancement, examples
The Art of Clean Code: Mastering the SOLID Principles193
quality, solid
Some UX Design Principles Startups Should Know192
user-experience, design
Opinions for Writing Good CSS (wal)191
css, conventions
Ethical Web Principles (tor+/w3c)190
web, ethics, w3c
Write SOLID React Hooks189
react, hooks, solid
Applying the Four Principles of Accessibility (ada)188
accessibility, wcag
Software Engineering Principles Every Frontend Developer Should Know187
craft, quality
Manifesto for a Humane Web (mic)186
websites, manifestos, web, accessibility, dei, security, sustainability, user-experience
Build Your Own React.js in 400 Lines of Code185
react, jsx
15 Essential UX Design Principles and Practices for Developers (uxm)184
user-experience, best-practices
How I Use Generative AI in Branding183
ai, branding, design
Psychology and UX: Decoding the Science Behind User Clicks182
user-experience, design
Homepage Design: 5 Fundamental Principles (nng)181
design, homepages
What Is Utility-First CSS? (hey)180
css, presentational-html
Tailwind Marketing and Misinformation Engine179
tailwind, css, semantics, maintainability, marketing
A Manifesto for Small, Static, Web Apps (ros)178
manifestos, web-apps
SOLID Principles: They’re Rock-Solid for Good Reason177
programming, solid
Web Platform Design Principles (lea/w3c)176
web-platform, software-design, standards, w3c
“HTML First” Is Not HTML First (j9t)175
html, quality, craft
The Golden Rule of Web Performance and Different Performance Engineering Specializations (per)174
performance
The Goldilocks Principle for Prototyping (nng)173
videos, prototyping, usability
Behavior Belongs in the HTML172
html, javascript
Is It Worth Keeping Your CSS DRY—Pros and Cons171
css, maintainability
HTML First170
websites, html
We Need Web Progress, Not Pessimism (kev)169
web-platform
Designing for All: The Basic Principles of Web Accessibility168
accessibility, fundamentals, aria, tooling
What Happened to Separation of Concerns in Frontend Development (j9t)167
maintainability, css, frameworks, history
Sustainability and Tech and Us (j9t)166
sustainability, performance, minimalism
Writing Clean Code: Best Practices and Principles165
javascript, best-practices, conventions, formatting, maintainability
The 5 Principles of Unit Testing164
testing, quality
4 Design Principles I Use Every Day to Avoid Bad UX and Create Products That Work for Everyone (ada)163
design, user-experience, dei
The SOLID Principles: Writing Scalable and Maintainable Code162
solid, scalability, maintainability
Three Key Principles for an Accessible Website161
accessibility
48 Laws, Rules, and Principles of Web Development (j9t)160
programming, terminology
Visual-Design Principles and UX Design Best Practices (uxm)159
design, user-experience, best-practices
Core Principles of SEO158
seo, overviews
System Design Blueprint: The Ultimate Guide (zon)157
guides, cheat-sheets, architecture, system-design
A Designers Guide to the Principles of Web Design156
guides, design, consistency, legibility, navigation, images, hierarchy, whitespace, usability
Formulating Your Product Design North Star (aka Design Principles)155
design, processes
UX Principles for AI Products154
user-experience, ai
From UX to Growth Design: 5 Principles to Multiply Your Value153
user-experience, design
Privacy Principles (rob+/w3c)152
privacy
Platform Engineering Teams Done Right… (adr)151
platform-engineering
5 Principles of Readable Code: KISS, YAGNI, DRY, BDU, Occam’s Razor150
maintainability
7 Principles of Design Psychology Every UX Designer Should Know (uxm)149
design, user-experience
Select the Right Tool for the Job (jim)148
Proximity: Gestalt Principle for User Interface Design (nng)147
videos, design
Accessibility and MVPs (dav)146
accessibility
10 Key Principles of User-Centered Design (web)145
design, usability, user-experience
The BBC’s 15 Web Principles—15 Years Later (ede)144
web, history
Design Principles for the Web (ada)143
videos, design
W3C TAG Ethical Web Principles142
ethics, w3c
20 Principles I Learned From 10 Years of Developing Software141
The Design Principle Paradox140
design
Applying SOLID Principles in React139
quality, maintainability, solid, react
Design Principles for the Web (ada/wea)138
videos, software-design, web
Software Engineering: The Soft Parts (add)137
10 Dos and Don’ts of Web Design in 2022 (web)136
design
The Cicada Principle and Why It Matters to Web Designers (mis)135
design
W3C TAG Ethical Web Principles (tor+/w3c)134
ethics, w3c
Resilience, Flexibility, and Immediacy: Working With Headless Systems (sma)133
headless, resilience
If Design Principles Are for Designs, Then Design Values Are for Designers132
design
9 Useful Principles of UX Design (uxm)131
user-experience, design
Principles of Object-Oriented Programming in TypeScript (app)130
typescript, oop
Designing “Above the Fold”? Try the Reciprocity Principle129
design
Design System—Principles of Success128
design-systems
Remember You Are Not the User (css)127
accessibility, internationalization, user-experience
Web Platform Design Principles (w3c)126
web-platform, software-design, standards, w3c
Three Principles to Better Present Your UI Designs125
design
The Golden Ratio and User-Interface Design (nng)124
design, layout, aesthetics
Writing Clean JavaScript Tests With the BASIC Principles123
javascript, testing
New Principle: Do Not Design Around Third-Party Tools Unless It Actually Breaks the Web (lea)122
software-design, css
8 Fundamental Principles of Effective Web Design121
Principles by Design120
design
The (Most Comprehensive) JavaScript Design Principles Guide119
guides, software-design, javascript
UX Principles That Include Cognitive Accessibility (gar)118
accessibility, user-experience
Principle of Closure in Visual Design (nng)117
design
Making the Web—Faster116
web, performance, developer-experience
9 Principles of Good Web Design115
design, simplicity, navigation, content, layout, performance, mobile
Optimizing Your CSS: Writing DRY, Scalable Styles (ath)114
css, optimization, maintainability
10 Principles of the Best Landing Page Design113
design, landing-pages
The Principles of Visual Communication (sma)112
design, communication, examples
Similarity Principle in Visual Design (nng)111
design, colors, shapes
The Cicada Principle, Revisited With CSS Variables (lea)110
css, custom-properties
Design Principles 101109
videos, introductions, design
The Most Critical Python Code Metric108
python, metrics, quality
Goodbye, Clean Code (dan)107
processes, quality
Design Principles for Developers: Processes and CSS Tips for Better Web Design (css)106
design, typography, spacing, colors, processes, css, tips-and-tricks
Characteristics of a Strong Performance Culture (tka)105
performance, culture
F.I.R.S.T. Principles of Testing (www)104
testing
5 Simple UX Principles to Guide Your Product Design103
user-experience, design
The Anchoring Principle (tbf/nng)102
design, user-experience
The Psychology of Design (jon/ali)101
design, user-experience
Notes to Myself on Software Engineering100
career, apis
DRY HTML or DRY CSS?99
maintainability, html, css, bem, oocss, atomic-css
The Principle of Commitment and Behavioral Consistency (tbf/nng)98
user-experience
The Authority Principle (tbf/nng)97
user-experience
Laws of UX (jon)96
websites, user-experience
Universal Principles of User Experience Design (sma)95
user-experience, design, typography
The First Principles of Product Management94
product-management, communication, collaboration
The Two Extremes of Writing CSS, and What We Can Learn From Them (j9t)93
css, concepts, best-practices, comparisons
DRY CSS: How to Use Declarations Just Once, Effectively (j9t)92
how-tos, css, maintainability
What We Should Teach Up-and-Coming Developers (j9t)91
training, quality, ethics
CSS Architecture and the Three Pillars of Maintainable CSS90
css, architecture, maintainability, solid
The Nine Principles of Design Implementation (sma)89
design, html, css
Code Responsibly88
best-practices
Two Paradigms of Web Development (j9t)87
concepts, best-practices, comparisons
Inclusive Design Principles (ian+)86
websites, accessibility, dei, community
Principles of Web Development (j9t)85
user-experience, quality, simplicity, maintainability, learning
[Insert Clickbait Headline About Progressive Enhancement Here] (aar)84
progressive-enhancement, javascript, economics
Quick Tip: DRY Up Your Model Validations Tests83
testing, validation, ruby-on-rails, tips-and-tricks
Design Systems and Postel’s Law (mar)82
design-systems
Schools of Thoughts in Web Standards (kar)81
standards
You Got Your CSS in My JavaScript (jus)80
javascript, css
Design Systems in Difficult Places (mar)79
design-systems
Technical SEO—Fundamental Principles (sma)78
seo, fundamentals
Design Principles: Compositional, Symmetrical, and Asymmetrical Balance (sma)77
design
DRY: Do Repeat Yourself (ppk)76
best-practices
Design Principles: Compositional Flow and Rhythm (sma)75
design
Design Principles: Dominance, Focal Points, and Hierarchy (sma)74
design, hierarchy
Web Design and Principles (j9t)73
design
Design Principles: Visual Weight and Direction (sma)72
design
3 Principles for Perfect Typeface Pairing71
typography, fonts
Fundamental Principles of Great UX Design—How to Deliver Great UX Design (uxm)70
fundamentals, how-tos, user-experience, design
CSS, DRY, and Code Optimization (j9t)69
css, optimization, maintainability
Design Principles: Connecting and Separating Elements Through Contrast and Similarity (sma)68
design, contrast, colors
Design Principles: Space and the Figure-Ground Relationship (sma)67
design, spacing
13 Tenets of User Experience (rhj/sma)66
user-experience
The End of Object Inheritance and the Beginning of a New Modularity65
videos, programming, conventions
CSS Architectures: Principles of Code Cleanup64
css, optimization, quality
The Single Responsibility Principle63
solid, php
The Open/Closed Principle62
solid, php
Mastering CSS Principles: A Comprehensive Guide (vit/sma)61
guides, css, link-lists
The Open/Closed Principle Applied to CSS (css)60
solid, oocss, css
Google HTML/CSS Style Guide (j9t)59
google, html, css, style-guides, quality, conformance, formatting, naming, sorting
Decoupling HTML From CSS (jus/sma)58
html, css, smacss
DRY CSS: Don’t Repeat Your CSS57
css, maintainability, oocss
Design Advice From Jony Ive56
design
The 2 Principles of Object Oriented CSS55
oocss, css, examples
Redefining Hick’s Law (sma)54
design
The Performance Golden Rule53
performance
“window.scrollTo()” or: When to Stay Clear of User Agents (j9t)52
browsers
Simple Made Easy (ric)51
videos, software-design, architecture, complexity, simplicity
The Guide to CSS Animation: Principles and Examples (sma)50
guides, css, animations, examples
5 Principles of User-Centered Interface Design49
design, user-experience
Web Development Principles: Develop for What Is, Not What Could Be (j9t)48
Design Principles (ada)47
websites, overviews
4 More Principles of Information Architecture46
information-architecture
Guidelines for URI Design (jac/css)45
guidelines, urls
The Principles of Cross-Browser CSS Coding (lou/sma)44
css, box-model, browsers, support
Principles of Icon Design (jon)43
icons, images, design
Wabi Sabi: Natural Simplicity in Web Design42
design, simplicity
How to Improve Usability With Fitts’ and Hick’s Laws41
how-tos, usability, optimization, design
Application Compatibility Layers Are There for the Customer, Not for the Program40
Principles of Design: Color39
design, colors
Principles of Design: Contrast38
design, contrast, colors
Principles of Design: Proximity37
design
HTML/CSS Frameworks: Useful, Universal, Usable, Unobtrusive (j9t)36
frameworks, html, css
The True Advantage of CSS (j9t)35
css, maintainability
Inappropriate Uses (chr/css)34
databases, html, css, javascript
Orthogonality of Specifications (w3c)33
standards, web-platform, software-design, architecture
10 Principles of Readability and Web Typography (sma)32
design, typography, readability
The Principles of Beautiful HTML Email31
email, writing, microcontent
12 Principles for Clean HTML Code (chr/sma)30
html, encoding, formatting, naming, css, conformance
Code Responsibly (j9t)29
websites, best-practices
7 Principles of Clean and Optimized CSS (sma)28
css, optimization, minification, hacks
The Principles of Project Management27
project-management, prioritization
10 Principles of Effective Web Design (vit/sma)26
design, usability, performance, simplicity, whitespace, conventions, testing
The Principles of Beautiful Typography (jas)25
typography, fonts, readability, legibility
HTML Design Principles (ann+/w3c)24
html, software-design
Cost of Solution vs. Cost of Problem (j9t)23
economics, prioritization, comparisons
The Principles of Beautiful Web Design22
design, processes, overviews
Web 2.0 Patterns21
web-2.0
Build for the Future: Bend, Don’t Break (gar/dig)20
html, processes
Principles and Elements of Design (dig)19
design
The Rule of Least Power (tim/w3c)18
programming, software-design
Microformats (mic)17
microformats, concepts, html, xhtml
The Principles of Design (dig)16
design, fundamentals, link-lists
The Four Essentials of Modern Web Design15
fundamentals, conformance, accessibility, semantics, quality
The Web Is a Human Creation (dig)14
web, marketing
Fitts’s Law (dav)13
design, usability
The Zen of Python12
python
Future of the Web, a Must-Read (gla)11
web-platform, outlooks, mozilla, opera
Principles of XML Design: When to Use Elements Versus Attributes (uog)10
xml
Are They Really Separated? (sto)9
maintainability, content, content-management, html, css
First Rule of Usability? Don’t Listen to Users (nng)8
usability, testing
The Joel Test: 12 Steps to Better Code (spo)7
programming, version-control, building, culture, tooling, testing, quality
A Dao of Web Design (joh/ali)6
design
Best Viewed With Any Browser5
browsers, support, design
“How Do I Force…?”4
best-practices
The Web Is Ruined and I Ruined It3
html, css
Effective Use of Style Sheets (nng)2
css, maintainability, craft
The Ten Commandments of HTML1
html