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” × ? · “principles” RSS feed (per email)

Entry (Sources) and Additional TopicsDate#
39 Principles for Designing Human-AI Interaction270
design, hci, ai
Open-Source AI Agent: Integrating OMO With OpenCode—Principles and Practices269
translations, opencode, ai, ai-agents, best-practices
What’s New in Web UI (una+)268
videos, web-platform, user-experience, html, canvas, css, google
Three Stoic Principles for Better Web Accessibility (stv/pic)267
accessibility
The Vertical Codebase (tkd)266
components, concepts, monorepos
A Practical Guide to Design Principles (vit/sma)265
guides, design, link-lists
Why Most Design Principles Fail (ben)264
design
Agentic UX: 7 Principles for Designing Systems With Agents263
ai-agents, ai, design
Software Design Principles That Matter262
software-design, examples
The Web Runs on Tolerance (ede)261
web-platform, standards
Good Visual Design, Explained (nng)260
design, quality
Programming Principles for Self Taught Front-End Developers (kil/pic)259
programming
My CSS Selector Strategy (mal)258
css, selectors
12 Essential Java Best Practices Every Developer Should Follow257
programming, java, best-practices
The Hidden Cost of URL Design (ahm)256
urls, routing, seo
Principles of Simplicity in Frontend Architecture255
simplicity, dependencies
The 10 Foundational UX Principles Every Designer Should Know (web)254
design, user-experience
Is SOLID Still a Solid Choice for Software Design? (lan)253
solid, oop, programming
Ambient Animations in Web Design: Principles and Implementation (mal/sma)252
design, animations, css
Why Inclusive Products Are Green Products (tet)251
accessibility, dei, user-experience, consistency, sustainability
The First Rule of ARIA (nat)250
accessibility, aria, html
How to Write Clean Code, Actually…249
how-tos, programming, software-design
Agent Experience (AX): The Concept of AI Agent Designing248
agent-experience, ai, concepts
A Progressive Complexity Manifesto (che)247
manifestos, complexity, web-apps, html, htmx, javascript, web-components, frameworks
The Three Great Virtues of an AI-Assisted Programmer (sea)246
programming, ai, career
24 UX Design Principles of the Build-for Framework (uxm)245
user-experience, design
Designing Information Architecture: Design Principles (pab/uxm)244
books, information-architecture, design
The Eleven Commandments of AI UX243
ai, user-experience, design
Setting Targets for Developer Productivity Metrics (lau)242
productivity, metrics
Designing Calm: UX Principles for Reducing Users’ Anxiety (uxm)241
design, user-experience
The Fastest Way to Spend Less Time Debugging240
videos, debugging, testing
Design System Documentation Is Essential—as Long as It’s Good (pjo)239
design-systems, documentation, content, writing
Principles for Coding Securely With LLMs (sea)238
ai, security
7 UI/UX Principles Every Dev Should Know237
design, user-experience
12-Factor Agents—Principles for Building Reliable LLM Applications236
ai, reliability
From Designing Things to Designing Change235
design, collaboration
Ethical Foundations in Modern Software Development (fra)234
fundamentals, ethics, foss, ai
Google’s Principles for Measuring Developer Productivity233
google, productivity, studies, research
11 Practical Tips to Make Code Reviews Easier as a Developer232
code-reviews, tips-and-tricks, ai, linting, formatting, quality, collaboration
Clean Code in JavaScript: A Comprehensive Guide231
guides, javascript, conventions, variables, objects, functions, comments, testing, quality
Accessible UX Design: 6 Advanced Techniques to Elevate Your Process (a11)230
design, user-experience, accessibility, techniques, processes
Designing for AI Engineers: UI Patterns You Need to Know (eve)229
design, design-patterns, processes, ai
The Systemic Failure of Implementing CSS Principles228
css, history, maintainability, consistency, modules, craft
Your Clean Code Might Be Someone Else’s Technical Debt227
technical-debt, quality
Angular Clean Coding Fundamentals226
fundamentals, angular
Open Source Drives the Twelve-Factor Modernization Project225
foss, architecture
The 20 Commandments of Software Engineering224
programming, complexity, documentation, commit-messages, code-reviews, dependencies, maintenance, collaboration
Principles of Web Accessibility (hey)223
accessibility
15 Principles for Secure Programming (rak)222
security, validation, testing
The Design Leader Dilemma (boa/sma)221
design, leadership, policies, prioritization
Become a Better Developer With Clean Code Essentials: YAGNI, KISS, and DRY in Software Engineering220
fundamentals, minimalism, simplicity, maintainability
Ethical Web Principles: Building a Better Web (tor/w3c)219
web, ethics, processes, advocacy
Ethical Web Principles (tor+/w3c)218
web, ethics, w3c
Goodhart’s Law in Action: 3 Webperf Examples (nom/per)217
performance, lighthouse, web-vitals, metrics, examples
Program Errors Out of Existence (ale)216
programming, errors
Privacy Principles (rob+/w3c)215
privacy
The Art of Clean Code: A Practical Guide to Writing Maintainable JavaScript214
guides, javascript, maintainability
What Developers Miss About the Single Responsibility Principle (jac)213
solid
How Gestalt Principles Influence UX Design (uxm)212
user-experience, design
Mastering Clean Code With SOLID, DRY, KISS, and YAGNI Principles211
solid, quality, craft
9 Laws That Every Software Developer Should Know210
programming
The Golden Ratio in CSS (sto)209
css, design
Conway’s Law: The Hidden Force Shaping Your Software Architecture (tre)208
architecture, engineering-management
The Evolution of CSS: From Early Days to Flexbox and Grid (kev/thi)207
videos, css, history, concepts
Good UX Is Not Just About Minimizing Clicks206
user-experience, design, processes
The Nine Node Pillars (mco/pla)205
nodejs, dependencies
Frontend Development Practices That Will Help You Avoid Failure204
best-practices, tech-stacks, architecture, validation, linting, testing
Interface Segregation Principle in React203
solid, react
In Defense of DRY (max)202
maintainability, link-lists
80/20 Accessibility (mar)201
accessibility
SOLID Principles for Designers200
design, solid
HTML Web Components Make Progressive Enhancement and CSS Encapsulation Easier (css)199
html, web-components, solid, progressive-enhancement, examples
The Art of Clean Code: Mastering the SOLID Principles198
quality, solid
Kagi’s AI Integration Philosophy (kag)197
kagi, ai
Some UX Design Principles Startups Should Know196
user-experience, design
Opinions for Writing Good CSS (wal)195
css, conventions
Ethical Web Principles (tor+/w3c)194
web, ethics, w3c
Write SOLID React Hooks193
react, hooks, solid
Applying the Four Principles of Accessibility (ada)192
accessibility, wcag
Software Engineering Principles Every Frontend Developer Should Know191
craft, quality
Manifesto for a Humane Web (mic)190
websites, manifestos, web, accessibility, dei, security, sustainability, user-experience
Build Your Own React.js in 400 Lines of Code189
react, jsx
15 Essential UX Design Principles and Practices for Developers (uxm)188
user-experience, best-practices
How I Use Generative AI in Branding187
ai, branding, design
Psychology and UX: Decoding the Science Behind User Clicks186
user-experience, design
Homepage Design: 5 Fundamental Principles (nng)185
design, homepages
What Is Utility-First CSS? (hey)184
css, presentational-html
Tailwind Marketing and Misinformation Engine183
tailwind, css, semantics, maintainability, marketing
A Manifesto for Small, Static, Web Apps (ros)182
manifestos, web-apps
SOLID Principles: They’re Rock-Solid for Good Reason181
programming, solid
Web Platform Design Principles (lea/w3c)180
web-platform, software-design, standards, w3c
“HTML First” Is Not HTML First (j9t)179
html, quality, craft
The Golden Rule of Web Performance and Different Performance Engineering Specializations (per)178
performance
The Goldilocks Principle for Prototyping (nng)177
videos, prototyping, usability
Behavior Belongs in the HTML176
html, javascript
Is It Worth Keeping Your CSS DRY—Pros and Cons175
css, maintainability
HTML First174
websites, html
We Need Web Progress, Not Pessimism (kev)173
web-platform
Designing for All: The Basic Principles of Web Accessibility172
accessibility, fundamentals, aria, tooling
What Happened to Separation of Concerns in Frontend Development (j9t)171
maintainability, css, frameworks, history
Sustainability and Tech and Us (j9t)170
sustainability, performance, minimalism
Writing Clean Code: Best Practices and Principles169
javascript, best-practices, conventions, formatting, maintainability
The 5 Principles of Unit Testing168
testing, quality
4 Design Principles I Use Every Day to Avoid Bad UX and Create Products That Work for Everyone (ada)167
design, user-experience, dei
The SOLID Principles: Writing Scalable and Maintainable Code166
solid, scalability, maintainability
Three Key Principles for an Accessible Website165
accessibility
48 Laws, Rules, and Principles of Web Development (j9t)164
programming, terminology
Visual-Design Principles and UX Design Best Practices (uxm)163
design, user-experience, best-practices
Core Principles of SEO162
seo, overviews
System Design Blueprint: The Ultimate Guide (zon)161
guides, cheat-sheets, architecture, system-design
A Designers Guide to the Principles of Web Design160
guides, design, consistency, legibility, navigation, images, hierarchy, whitespace, usability
Formulating Your Product Design North Star (aka Design Principles)159
design, processes
UX Principles for AI Products158
user-experience, ai
From UX to Growth Design: 5 Principles to Multiply Your Value157
user-experience, design
Privacy Principles (rob+/w3c)156
privacy
Platform Engineering Teams Done Right… (adr)155
platform-engineering
5 Principles of Readable Code: KISS, YAGNI, DRY, BDU, Occam’s Razor154
maintainability
7 Principles of Design Psychology Every UX Designer Should Know (uxm)153
design, user-experience
Select the Right Tool for the Job (jim)152
Proximity: Gestalt Principle for User Interface Design (nng)151
videos, design
Accessibility and MVPs (dav)150
accessibility
10 Key Principles of User-Centered Design (web)149
design, usability, user-experience
The BBC’s 15 Web Principles—15 Years Later (ede)148
web, history
Design Principles for the Web (ada)147
videos, design
W3C TAG Ethical Web Principles146
ethics, w3c
20 Principles I Learned From 10 Years of Developing Software145
The Design Principle Paradox144
design
Applying SOLID Principles in React143
quality, maintainability, solid, react
Design Principles for the Web (ada/wea)142
videos, software-design, web
Software Engineering: The Soft Parts (add)141
10 Dos and Don’ts of Web Design in 2022 (web)140
design
The Cicada Principle and Why It Matters to Web Designers (mis)139
design
W3C TAG Ethical Web Principles (tor+/w3c)138
ethics, w3c
Resilience, Flexibility, and Immediacy: Working With Headless Systems (sma)137
headless, resilience
If Design Principles Are for Designs, Then Design Values Are for Designers136
design
9 Useful Principles of UX Design (uxm)135
user-experience, design
Principles of Object-Oriented Programming in TypeScript (app)134
typescript, oop
Designing “Above the Fold”? Try the Reciprocity Principle133
design
Design System—Principles of Success132
design-systems
Remember You Are Not the User (css)131
accessibility, internationalization, user-experience
Web Platform Design Principles (w3c)130
web-platform, software-design, standards, w3c
Three Principles to Better Present Your UI Designs129
design
The Golden Ratio and User-Interface Design (nng)128
design, layout, aesthetics
Writing Clean JavaScript Tests With the BASIC Principles127
javascript, testing
New Principle: Do Not Design Around Third-Party Tools Unless It Actually Breaks the Web (lea)126
software-design, css
8 Fundamental Principles of Effective Web Design125
Principles by Design124
design
The (Most Comprehensive) JavaScript Design Principles Guide123
guides, software-design, javascript
UX Principles That Include Cognitive Accessibility (gar)122
accessibility, user-experience
Principle of Closure in Visual Design (nng)121
design
Making the Web—Faster120
web, performance, developer-experience
9 Principles of Good Web Design119
design, simplicity, navigation, content, layout, performance, mobile
Optimizing Your CSS: Writing DRY, Scalable Styles (ath)118
css, optimization, maintainability
10 Principles of the Best Landing Page Design117
design, landing-pages
The Principles of Visual Communication (sma)116
design, communication, examples
Similarity Principle in Visual Design (nng)115
design, colors, shapes
The Cicada Principle, Revisited With CSS Variables (lea)114
css, custom-properties
Design Principles 101113
videos, introductions, design
The Most Critical Python Code Metric112
python, metrics, quality
Goodbye, Clean Code (dan)111
processes, quality
Design Principles for Developers: Processes and CSS Tips for Better Web Design (css)110
design, typography, spacing, colors, processes, css, tips-and-tricks
Characteristics of a Strong Performance Culture (tka)109
performance, culture
F.I.R.S.T. Principles of Testing (www)108
testing
5 Simple UX Principles to Guide Your Product Design107
user-experience, design
The Anchoring Principle (tbf/nng)106
design, user-experience
The Psychology of Design (jon/ali)105
design, user-experience
Notes to Myself on Software Engineering104
career, apis
DRY HTML or DRY CSS?103
maintainability, html, css, bem, oocss, atomic-css
The Principle of Commitment and Behavioral Consistency (tbf/nng)102
user-experience
The Authority Principle (tbf/nng)101
user-experience
Laws of UX (jon)100
websites, user-experience
Universal Principles of User Experience Design (sma)99
user-experience, design, typography
The First Principles of Product Management98
product-management, communication, collaboration
The Two Extremes of Writing CSS, and What We Can Learn From Them (j9t)97
css, concepts, best-practices, comparisons
DRY CSS: How to Use Declarations Just Once, Effectively (j9t)96
how-tos, css, maintainability
What We Should Teach Up-and-Coming Developers (j9t)95
training, quality, ethics
CSS Architecture and the Three Pillars of Maintainable CSS94
css, architecture, maintainability, solid
The Nine Principles of Design Implementation (sma)93
design, html, css
Code Responsibly92
best-practices
Two Paradigms of Web Development (j9t)91
concepts, best-practices, comparisons
Inclusive Design Principles (ian+)90
websites, accessibility, dei, community
Principles of Web Development (j9t)89
user-experience, quality, simplicity, maintainability, learning
[Insert Clickbait Headline About Progressive Enhancement Here] (aar)88
progressive-enhancement, javascript, economics
Quick Tip: DRY Up Your Model Validations Tests87
testing, validation, ruby-on-rails, tips-and-tricks
Design Systems and Postel’s Law (mar)86
design-systems
Schools of Thoughts in Web Standards (kar)85
standards
You Got Your CSS in My JavaScript (jus)84
javascript, css
Design Systems in Difficult Places (mar)83
design-systems
Technical SEO—Fundamental Principles (sma)82
seo, fundamentals
Design Principles: Compositional, Symmetrical, and Asymmetrical Balance (sma)81
design
DRY: Do Repeat Yourself (ppk)80
best-practices
Design Principles: Compositional Flow and Rhythm (sma)79
design
Design Principles: Dominance, Focal Points, and Hierarchy (sma)78
design, hierarchy
Web Design and Principles (j9t)77
design
Design Principles: Visual Weight and Direction (sma)76
design
3 Principles for Perfect Typeface Pairing75
typography, fonts
Fundamental Principles of Great UX Design—How to Deliver Great UX Design (uxm)74
fundamentals, how-tos, user-experience, design
CSS, DRY, and Code Optimization (j9t)73
css, optimization, maintainability
Design Principles: Connecting and Separating Elements Through Contrast and Similarity (sma)72
design, contrast, colors
Design Principles: Space and the Figure-Ground Relationship (sma)71
design, spacing
13 Tenets of User Experience (rhj/sma)70
user-experience
The End of Object Inheritance and the Beginning of a New Modularity69
videos, programming, conventions
CSS Architectures: Principles of Code Cleanup68
css, optimization, quality
The Single Responsibility Principle67
solid, php
The Open/Closed Principle66
solid, php
Mastering CSS Principles: A Comprehensive Guide (vit/sma)65
guides, css, link-lists
The Open/Closed Principle Applied to CSS (css)64
solid, oocss, css
Google HTML/CSS Style Guide (j9t)63
google, html, css, style-guides, quality, conformance, formatting, naming, sorting
Decoupling HTML From CSS (jus/sma)62
html, css, smacss
DRY CSS: Don’t Repeat Your CSS61
css, maintainability, oocss
Design Advice From Jony Ive60
design
The 2 Principles of Object Oriented CSS59
oocss, css, examples
Redefining Hick’s Law (sma)58
design
The Performance Golden Rule57
performance
“window.scrollTo()” or: When to Stay Clear of User Agents (j9t)56
browsers
Simple Made Easy (ric)55
videos, software-design, architecture, complexity, simplicity
The Guide to CSS Animation: Principles and Examples (sma)54
guides, css, animations, examples
5 Principles of User-Centered Interface Design53
design, user-experience
Web Development Principles: Develop for What Is, Not What Could Be (j9t)52
Design Principles (ada)51
websites, overviews
4 More Principles of Information Architecture50
information-architecture
Guidelines for URI Design (jac/css)49
guidelines, urls
The Principles of Cross-Browser CSS Coding (lou/sma)48
css, box-model, browsers, support
Principles of Icon Design (jon)47
icons, images, design
Wabi Sabi: Natural Simplicity in Web Design46
design, simplicity
How to Improve Usability With Fitts’ and Hick’s Laws45
how-tos, usability, optimization, design
Application Compatibility Layers Are There for the Customer, Not for the Program44
Principles of Design: Color43
design, colors
Principles of Design: Contrast42
design, contrast, colors
Principles of Design: Proximity41
design
HTML/CSS Frameworks: Useful, Universal, Usable, Unobtrusive (j9t)40
frameworks, html, css
The True Advantage of CSS (j9t)39
css, maintainability
Inappropriate Uses (chr/css)38
databases, html, css, javascript
Orthogonality of Specifications (w3c)37
standards, web-platform, software-design, architecture
10 Principles of Readability and Web Typography (sma)36
design, typography, readability
The Principles of Beautiful HTML Email35
email, writing, microcontent
12 Principles for Clean HTML Code (chr/sma)34
html, encoding, formatting, naming, css, conformance
Code Responsibly (j9t)33
websites, best-practices
7 Principles of Clean and Optimized CSS (sma)32
css, optimization, minification, hacks
The Principles of Project Management31
project-management, prioritization
10 Principles of Effective Web Design (vit/sma)30
design, usability, performance, simplicity, whitespace, conventions, testing
The Principles of Beautiful Typography (jas)29
typography, fonts, readability, legibility
HTML Design Principles (ann+/w3c)28
html, software-design
Cost of Solution vs. Cost of Problem (j9t)27
economics, prioritization, comparisons
The Principles of Beautiful Web Design26
design, processes, overviews
Web 2.0 Patterns25
web-2.0
Build for the Future: Bend, Don’t Break (gar/dig)24
html, processes
Principles and Elements of Design (dig)23
design
The Rule of Least Power (tim/w3c)22
programming, software-design
Microformats (mic)21
microformats, concepts, html, xhtml
The Principles of Design (dig)20
design, fundamentals, link-lists
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