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 respect and accountability. Hide

Frontend Dogma

“principles” News Archive

Definition, related topics, and tag feed

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

Entry (Sources) and Additional TopicsDate#
AI Operating Principles (buz)277
ai
AI-Assisted Development Means Test-First Development (j9t)276
ai, testing
Defining Ethical Design for Machines275
design, ethics, ai
39 Principles for Designing Human-AI Interaction274
design, hci, ai
Open-Source AI Agent: Integrating OMO With OpenCode—Principles and Practices273
translations, opencode, ai, ai-agents, best-practices
What’s New in Web UI (una+)272
videos, web-platform, user-experience, html, canvas, css, google
Three Stoic Principles for Better Web Accessibility (stv/pic)271
accessibility
The Vertical Codebase (tkd)270
components, concepts, monorepos
A Practical Guide to Design Principles (vit/sma)269
guides, design, link-lists
Why Most Design Principles Fail (ben)268
design
Agentic UX: 7 Principles for Designing Systems With Agents267
ai-agents, ai, design
Software Design Principles That Matter266
software-design, examples
The Web Runs on Tolerance (ede)265
web-platform, standards
Good Visual Design, Explained (nng)264
design, quality
Programming Principles for Self Taught Front-End Developers (kil/pic)263
programming
My CSS Selector Strategy (mal)262
css, selectors
12 Essential Java Best Practices Every Developer Should Follow261
programming, java, best-practices
The Hidden Cost of URL Design (ahm)260
urls, routing, seo
Principles of Simplicity in Frontend Architecture259
simplicity, dependencies
The 10 Foundational UX Principles Every Designer Should Know (web)258
design, user-experience
Is SOLID Still a Solid Choice for Software Design? (lan)257
solid, oop, programming
Ambient Animations in Web Design: Principles and Implementation (mal/sma)256
design, animations, css
Why Inclusive Products Are Green Products (tet)255
accessibility, dei, user-experience, consistency, sustainability
The First Rule of ARIA (nat)254
accessibility, aria, html
How to Write Clean Code, Actually…253
how-tos, programming, software-design
Agent Experience (AX): The Concept of AI Agent Designing252
agent-experience, ai, concepts
A Progressive Complexity Manifesto (che)251
manifestos, complexity, web-apps, html, htmx, javascript, web-components, frameworks
The Three Great Virtues of an AI-Assisted Programmer (sea)250
programming, ai, career
24 UX Design Principles of the Build-for Framework (uxm)249
user-experience, design
Designing Information Architecture: Design Principles (pab/uxm)248
books, information-architecture, design
The Eleven Commandments of AI UX247
ai, user-experience, design
Setting Targets for Developer Productivity Metrics (lau)246
productivity, metrics
Designing Calm: UX Principles for Reducing Users’ Anxiety (uxm)245
design, user-experience
The Fastest Way to Spend Less Time Debugging244
videos, debugging, testing
Design System Documentation Is Essential—as Long as It’s Good (pjo)243
design-systems, documentation, content, writing
Principles for Coding Securely With LLMs (sea)242
ai, security
7 UI/UX Principles Every Dev Should Know241
design, user-experience
12-Factor Agents—Principles for Building Reliable LLM Applications240
ai, reliability
From Designing Things to Designing Change239
design, collaboration
Ethical Foundations in Modern Software Development (fra)238
fundamentals, ethics, foss, ai
Google’s Principles for Measuring Developer Productivity237
google, productivity, studies, research
11 Practical Tips to Make Code Reviews Easier as a Developer236
code-reviews, tips-and-tricks, ai, linting, formatting, quality, collaboration
Clean Code in JavaScript: A Comprehensive Guide235
guides, javascript, conventions, variables, objects, functions, comments, testing, quality
Accessible UX Design: 6 Advanced Techniques to Elevate Your Process (a11)234
design, user-experience, accessibility, techniques, processes
Designing for AI Engineers: UI Patterns You Need to Know (eve)233
design, design-patterns, processes, ai
The Systemic Failure of Implementing CSS Principles232
css, history, maintainability, consistency, modules, craft
Your Clean Code Might Be Someone Else’s Technical Debt231
technical-debt, quality
Angular Clean Coding Fundamentals230
fundamentals, angular
Open Source Drives the Twelve-Factor Modernization Project229
foss, architecture
The 20 Commandments of Software Engineering228
programming, complexity, documentation, commit-messages, code-reviews, dependencies, maintenance, collaboration
Principles of Web Accessibility (hey)227
accessibility
15 Principles for Secure Programming (rak)226
security, validation, testing
The Design Leader Dilemma (boa/sma)225
design, leadership, policies, prioritization
Become a Better Developer With Clean Code Essentials: YAGNI, KISS, and DRY in Software Engineering224
fundamentals, minimalism, simplicity, maintainability
Ethical Web Principles: Building a Better Web (tor/w3c)223
web, ethics, processes, advocacy
Ethical Web Principles (tor+/w3c)222
web, ethics, w3c
Goodhart’s Law in Action: 3 Webperf Examples (nom/per)221
performance, lighthouse, web-vitals, metrics, examples
Program Errors Out of Existence (ale)220
programming, errors
Privacy Principles (rob+/w3c)219
privacy
The Art of Clean Code: A Practical Guide to Writing Maintainable JavaScript218
guides, javascript, maintainability
What Developers Miss About the Single Responsibility Principle (jac)217
solid
How Gestalt Principles Influence UX Design (uxm)216
user-experience, design
Mastering Clean Code With SOLID, DRY, KISS, and YAGNI Principles215
solid, quality, craft
9 Laws That Every Software Developer Should Know214
programming
The Golden Ratio in CSS (sto)213
css, design
Conway’s Law: The Hidden Force Shaping Your Software Architecture (tre)212
architecture, engineering-management
The Evolution of CSS: From Early Days to Flexbox and Grid (kev/thi)211
videos, css, history, concepts
Good UX Is Not Just About Minimizing Clicks210
user-experience, design, processes
The Nine Node Pillars (mco/pla)209
nodejs, dependencies
Frontend Development Practices That Will Help You Avoid Failure208
best-practices, tech-stacks, architecture, validation, linting, testing
Interface Segregation Principle in React207
solid, react
In Defense of DRY (max)206
maintainability, link-lists
80/20 Accessibility (mar)205
accessibility
SOLID Principles for Designers204
design, solid
HTML Web Components Make Progressive Enhancement and CSS Encapsulation Easier (css)203
html, web-components, solid, progressive-enhancement, examples
The Art of Clean Code: Mastering the SOLID Principles202
quality, solid
Kagi’s AI Integration Philosophy (kag)201
kagi, ai
Some UX Design Principles Startups Should Know200
user-experience, design
Opinions for Writing Good CSS (wal)199
css, conventions
Ethical Web Principles (tor+/w3c)198
web, ethics, w3c
Write SOLID React Hooks197
react, hooks, solid
Applying the Four Principles of Accessibility (ada)196
accessibility, wcag
Software Engineering Principles Every Frontend Developer Should Know195
craft, quality
Manifesto for a Humane Web (mic)194
websites, manifestos, web, accessibility, dei, security, sustainability, user-experience
Build Your Own React.js in 400 Lines of Code193
react, jsx
15 Essential UX Design Principles and Practices for Developers (uxm)192
user-experience, best-practices
How I Use Generative AI in Branding191
ai, branding, design
Psychology and UX: Decoding the Science Behind User Clicks190
user-experience, design
Homepage Design: 5 Fundamental Principles (nng)189
design, homepages
What Is Utility-First CSS? (hey)188
css, presentational-html
Tailwind Marketing and Misinformation Engine187
tailwind, css, semantics, maintainability, marketing
A Manifesto for Small, Static, Web Apps (ros)186
manifestos, web-apps
SOLID Principles: They’re Rock-Solid for Good Reason185
programming, solid
Web Platform Design Principles (lea/w3c)184
web-platform, software-design, standards, w3c
“HTML First” Is Not HTML First (j9t)183
html, quality, craft
The Golden Rule of Web Performance and Different Performance Engineering Specializations (per)182
performance
The Goldilocks Principle for Prototyping (nng)181
videos, prototyping, usability
Behavior Belongs in the HTML180
html, javascript
Is It Worth Keeping Your CSS DRY—Pros and Cons179
css, maintainability
HTML First178
websites, html
We Need Web Progress, Not Pessimism (kev)177
web-platform
Designing for All: The Basic Principles of Web Accessibility176
accessibility, fundamentals, aria, tooling
What Happened to Separation of Concerns in Frontend Development (j9t)175
maintainability, css, frameworks, history
Sustainability and Tech and Us (j9t)174
sustainability, performance, minimalism
Writing Clean Code: Best Practices and Principles173
javascript, best-practices, conventions, formatting, maintainability
The 5 Principles of Unit Testing172
testing, quality
4 Design Principles I Use Every Day to Avoid Bad UX and Create Products That Work for Everyone (ada)171
design, user-experience, dei
The SOLID Principles: Writing Scalable and Maintainable Code170
solid, scalability, maintainability
Three Key Principles for an Accessible Website169
accessibility
48 Laws, Rules, and Principles of Web Development (j9t)168
programming, terminology
Visual-Design Principles and UX Design Best Practices (uxm)167
design, user-experience, best-practices
Core Principles of SEO166
seo, overviews
System Design Blueprint: The Ultimate Guide (zon)165
guides, cheat-sheets, architecture, system-design
A Designers Guide to the Principles of Web Design164
guides, design, consistency, legibility, navigation, images, hierarchy, whitespace, usability
Formulating Your Product Design North Star (aka Design Principles)163
design, processes
UX Principles for AI Products162
user-experience, ai
From UX to Growth Design: 5 Principles to Multiply Your Value161
user-experience, design
Privacy Principles (rob+/w3c)160
privacy
Platform Engineering Teams Done Right… (adr)159
platform-engineering
5 Principles of Readable Code: KISS, YAGNI, DRY, BDU, Occam’s Razor158
maintainability
7 Principles of Design Psychology Every UX Designer Should Know (uxm)157
design, user-experience
Select the Right Tool for the Job (jim)156
Proximity: Gestalt Principle for User Interface Design (nng)155
videos, design
Accessibility and MVPs (dav)154
accessibility
10 Key Principles of User-Centered Design (web)153
design, usability, user-experience
The BBC’s 15 Web Principles—15 Years Later (ede)152
web, history
Design Principles for the Web (ada)151
videos, design
W3C TAG Ethical Web Principles150
ethics, w3c
20 Principles I Learned From 10 Years of Developing Software149
The Design Principle Paradox148
design
Applying SOLID Principles in React147
quality, maintainability, solid, react
Design Principles for the Web (ada/wea)146
videos, software-design, web
Software Engineering: The Soft Parts (add)145
10 Dos and Don’ts of Web Design in 2022 (web)144
design
The Cicada Principle and Why It Matters to Web Designers (mis)143
design
W3C TAG Ethical Web Principles (tor+/w3c)142
ethics, w3c
Resilience, Flexibility, and Immediacy: Working With Headless Systems (sma)141
headless, resilience
If Design Principles Are for Designs, Then Design Values Are for Designers140
design
9 Useful Principles of UX Design (uxm)139
user-experience, design
Principles of Object-Oriented Programming in TypeScript (app)138
typescript, oop
Designing “Above the Fold”? Try the Reciprocity Principle137
design
Design System—Principles of Success136
design-systems
Remember You Are Not the User (css)135
accessibility, internationalization, user-experience
Web Platform Design Principles (w3c)134
web-platform, software-design, standards, w3c
Three Principles to Better Present Your UI Designs133
design
The Golden Ratio and User-Interface Design (nng)132
design, layout, aesthetics
Writing Clean JavaScript Tests With the BASIC Principles131
javascript, testing
New Principle: Do Not Design Around Third-Party Tools Unless It Actually Breaks the Web (lea)130
software-design, css
8 Fundamental Principles of Effective Web Design129
Principles by Design128
design
The (Most Comprehensive) JavaScript Design Principles Guide127
guides, software-design, javascript
UX Principles That Include Cognitive Accessibility (gar)126
accessibility, user-experience
Principle of Closure in Visual Design (nng)125
design
Making the Web—Faster124
web, performance, developer-experience
9 Principles of Good Web Design123
design, simplicity, navigation, content, layout, performance, mobile
Information Architecture—Secret to Converting Complexity Into Clarity122
information-architecture, user-experience, examples
Optimizing Your CSS: Writing DRY, Scalable Styles (ath)121
css, optimization, maintainability
10 Principles of the Best Landing Page Design120
design, landing-pages
The Principles of Visual Communication (sma)119
design, communication, examples
Similarity Principle in Visual Design (nng)118
design, colors, shapes
The Cicada Principle, Revisited With CSS Variables (lea)117
css, custom-properties
Design Principles 101116
videos, introductions, design
The Most Critical Python Code Metric115
python, metrics, quality
Goodbye, Clean Code (dan)114
processes, quality
Design Principles for Developers: Processes and CSS Tips for Better Web Design (css)113
design, typography, spacing, colors, processes, css, tips-and-tricks
Characteristics of a Strong Performance Culture (tka)112
performance, culture
F.I.R.S.T. Principles of Testing (www)111
testing
5 Simple UX Principles to Guide Your Product Design110
user-experience, design
The Anchoring Principle (tbf/nng)109
design, user-experience
The Psychology of Design (jon/ali)108
design, user-experience
Notes to Myself on Software Engineering107
career, apis
DRY HTML or DRY CSS?106
maintainability, html, css, bem, oocss, atomic-css
The Principle of Commitment and Behavioral Consistency (tbf/nng)105
user-experience
The Authority Principle (tbf/nng)104
user-experience
Laws of UX (jon)103
websites, user-experience
Universal Principles of User Experience Design (sma)102
user-experience, design, typography
The First Principles of Product Management101
product-management, communication, collaboration
The Two Extremes of Writing CSS, and What We Can Learn From Them (j9t)100
css, concepts, best-practices, comparisons
DRY CSS: How to Use Declarations Just Once, Effectively (j9t)99
how-tos, css, maintainability
What We Should Teach Up-and-Coming Developers (j9t)98
training, quality, ethics
CSS Architecture and the Three Pillars of Maintainable CSS97
css, architecture, maintainability, solid
The Nine Principles of Design Implementation (sma)96
design, html, css
Code Responsibly95
best-practices
Two Paradigms of Web Development (j9t)94
concepts, best-practices, comparisons
Inclusive Design Principles (ian+)93
websites, accessibility, dei, community
Principles of Web Development (j9t)92
user-experience, quality, simplicity, maintainability, learning
[Insert Clickbait Headline About Progressive Enhancement Here] (aar)91
progressive-enhancement, javascript, economics
Quick Tip: DRY Up Your Model Validations Tests90
testing, validation, ruby-on-rails, tips-and-tricks
Design Systems and Postel’s Law (mar)89
design-systems
Schools of Thoughts in Web Standards (kar)88
standards
You Got Your CSS in My JavaScript (jus)87
javascript, css
Design Systems in Difficult Places (mar)86
design-systems
Technical SEO—Fundamental Principles (sma)85
seo, fundamentals
Design Principles: Compositional, Symmetrical, and Asymmetrical Balance (sma)84
design
DRY: Do Repeat Yourself (ppk)83
best-practices
Design Principles: Compositional Flow and Rhythm (sma)82
design
Design Principles: Dominance, Focal Points, and Hierarchy (sma)81
design, hierarchy
Web Design and Principles (j9t)80
design
Design Principles: Visual Weight and Direction (sma)79
design
3 Principles for Perfect Typeface Pairing78
typography, fonts
Fundamental Principles of Great UX Design—How to Deliver Great UX Design (uxm)77
fundamentals, how-tos, user-experience, design
CSS, DRY, and Code Optimization (j9t)76
css, optimization, maintainability
Design Principles: Connecting and Separating Elements Through Contrast and Similarity (sma)75
design, contrast, colors
Design Principles: Space and the Figure-Ground Relationship (sma)74
design, spacing
13 Tenets of User Experience (rhj/sma)73
user-experience
The End of Object Inheritance and the Beginning of a New Modularity72
videos, programming, conventions
CSS Architectures: Principles of Code Cleanup71
css, optimization, quality
The Single Responsibility Principle70
solid, php
The Open/Closed Principle69
solid, php
Mastering CSS Principles: A Comprehensive Guide (vit/sma)68
guides, css, link-lists
The Open/Closed Principle Applied to CSS (css)67
solid, oocss, css
Google HTML/CSS Style Guide (j9t)66
google, html, css, style-guides, quality, conformance, formatting, naming, sorting
Decoupling HTML From CSS (jus/sma)65
html, css, smacss
DRY CSS: Don’t Repeat Your CSS64
css, maintainability, oocss
Design Advice From Jony Ive63
design
The 2 Principles of Object Oriented CSS62
oocss, css, examples
Redefining Hick’s Law (sma)61
design
The Performance Golden Rule60
performance
“window.scrollTo()” or: When to Stay Clear of User Agents (j9t)59
browsers
Simple Made Easy (ric)58
videos, software-design, architecture, complexity, simplicity
The Guide to CSS Animation: Principles and Examples (sma)57
guides, css, animations, examples
5 Principles of User-Centered Interface Design56
design, user-experience
Web Development Principles: Develop for What Is, Not What Could Be (j9t)55
Design Principles (ada)54
websites, overviews
4 More Principles of Information Architecture53
information-architecture
Guidelines for URI Design (jac/css)52
guidelines, urls
The Principles of Cross-Browser CSS Coding (lou/sma)51
css, box-model, browsers, support
Principles of Icon Design (jon)50
icons, images, design
Wabi Sabi: Natural Simplicity in Web Design49
design, simplicity
How to Improve Usability With Fitts’ and Hick’s Laws48
how-tos, usability, optimization, design
Application Compatibility Layers Are There for the Customer, Not for the Program47
Principles of Design: Color46
design, colors
Principles of Design: Contrast45
design, contrast, colors
Principles of Design: Proximity44
design
HTML/CSS Frameworks: Useful, Universal, Usable, Unobtrusive (j9t)43
frameworks, html, css
The True Advantage of CSS (j9t)42
css, maintainability
Inappropriate Uses (chr/css)41
databases, html, css, javascript
Orthogonality of Specifications (w3c)40
standards, web-platform, software-design, architecture
10 Principles of Readability and Web Typography (sma)39
design, typography, readability
The Principles of Beautiful HTML Email38
email, writing, microcontent
12 Principles for Clean HTML Code (chr/sma)37
html, encoding, formatting, naming, css, conformance
Code Responsibly (j9t)36
websites, best-practices
7 Principles of Clean and Optimized CSS (sma)35
css, optimization, minification, hacks
The Principles of Project Management34
project-management, prioritization
10 Principles of Effective Web Design (vit/sma)33
design, usability, performance, simplicity, whitespace, conventions, testing
The Principles of Beautiful Typography (jas)32
typography, fonts, readability, legibility
HTML Design Principles (ann+/w3c)31
html, software-design
Cost of Solution vs. Cost of Problem (j9t)30
economics, prioritization, comparisons
The Principles of Beautiful Web Design (jas)29
design, processes, overviews
Web 2.0 Patterns28
web-2.0
Build for the Future: Bend, Don’t Break (gar/dig)27
html, processes
Principles and Elements of Design (dig)26
design
Rails Manifesto25
ruby-on-rails, web-2.0
The Rule of Least Power (tim/w3c)24
programming, software-design
PHP 5 and Design Patterns: An Introduction (inf)23
php, software-design-patterns
Microformats (mic)22
microformats, concepts, html, xhtml
The Principles of Design (dig)21
design, fundamentals, link-lists
On Separating Style and Behaviour (far)20
html, xhtml, css, javascript, dom
The Four Essentials of Modern Web Design19
fundamentals, conformance, accessibility, semantics, quality
The Web Is a Human Creation (dig)18
web, marketing
Introduction to Device Independence17
introductions, domains
Fitts’s Law (dav)16
design, usability
The Zen of Python15
python
Future of the Web, a Must-Read (gla)14
web-platform, outlooks, mozilla, opera
Separating Behavior and Structure (ppk/dig)13
javascript, html, css
Interface Design Issues: The Complexity Principle12
design, complexity
Principles of XML Design: When to Use Elements Versus Attributes (uog)11
xml
Are They Really Separated? (sto)10
maintainability, content, content-management, html, css
The One Magic Rule of Web Design9
design
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