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

“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#
The Vertical Codebase (tkd)258
components, concepts, monorepos
A Practical Guide to Design Principles (vit/sma)257
guides, design, link-lists
Agentic UX: 7 Principles for Designing Systems With Agents (uxd)256
ai-agents, ai, design
Software Design Principles That Matter255
software-design, examples
The Web Runs on Tolerance (ede)254
web-platform, standards
Good Visual Design, Explained (nng)253
design, quality
Programming Principles for Self Taught Front-End Developers (kil/pic)252
programming
My CSS Selector Strategy (mal)251
css, selectors
12 Essential Java Best Practices Every Developer Should Follow250
programming, java, best-practices
The Hidden Cost of URL Design (ahm)249
urls, routing, seo
Principles of Simplicity in Frontend Architecture248
simplicity, dependencies
The 10 Foundational UX Principles Every Designer Should Know (web)247
design, user-experience
Is SOLID Still a Solid Choice for Software Design? (lan)246
solid, oop, programming
Ambient Animations in Web Design: Principles and Implementation (mal/sma)245
design, animations, css
Why Inclusive Products Are Green Products (tet)244
accessibility, dei, user-experience, consistency, sustainability
The First Rule of ARIA (nat)243
accessibility, aria, html
How to Write Clean Code, Actually…242
how-tos, programming, software-design
Agent Experience (AX): The Concept of AI Agent Designing241
agent-experience, ai, concepts
A Progressive Complexity Manifesto (che)240
manifestos, complexity, web-apps, html, htmx, javascript, web-components, frameworks
The Three Great Virtues of an AI-Assisted Programmer (sea)239
programming, ai, career
24 UX Design Principles of the Build-for Framework (uxm)238
user-experience, design
Designing Information Architecture: Design Principles (pab/uxm)237
books, information-architecture, design
The Eleven Commandments of AI UX (uxd)236
ai, user-experience, design
Setting Targets for Developer Productivity Metrics (lau)235
productivity, metrics
Designing Calm: UX Principles for Reducing Users’ Anxiety (uxm)234
design, user-experience
The Fastest Way to Spend Less Time Debugging233
videos, debugging, testing
Design System Documentation Is Essential—as Long as It’s Good (pjo)232
design-systems, documentation, content, writing
Principles for Coding Securely With LLMs (sea)231
ai, security
7 UI/UX Principles Every Dev Should Know230
design, user-experience
12-Factor Agents—Principles for Building Reliable LLM Applications229
ai, reliability
From Designing Things to Designing Change (uxd)228
design, collaboration
Ethical Foundations in Modern Software Development (fra)227
fundamentals, ethics, foss, ai
Google’s Principles for Measuring Developer Productivity226
google, productivity, studies, research
11 Practical Tips to Make Code Reviews Easier as a Developer225
code-reviews, tips-and-tricks, ai, linting, formatting, quality, collaboration
Clean Code in JavaScript: A Comprehensive Guide224
guides, javascript, conventions, variables, objects, functions, comments, testing, quality
Accessible UX Design: 6 Advanced Techniques to Elevate Your Process (a11)223
design, user-experience, accessibility, techniques, processes
Designing for AI Engineers: UI Patterns You Need to Know (eve/uxd)222
design, design-patterns, processes, ai
The Systemic Failure of Implementing CSS Principles221
css, history, maintainability, consistency, modules, craft
Your Clean Code Might Be Someone Else’s Technical Debt220
technical-debt, quality
Angular Clean Coding Fundamentals219
fundamentals, angular
Open Source Drives the Twelve-Factor Modernization Project (res/the)218
foss, architecture
The 20 Commandments of Software Engineering217
programming, complexity, documentation, commit-messages, code-reviews, dependencies, maintenance, collaboration
Principles of Web Accessibility (hey)216
accessibility
15 Principles for Secure Programming (rak)215
security, validation, testing
The Design Leader Dilemma (boa/sma)214
design, leadership, policies, prioritization
Become a Better Developer With Clean Code Essentials: YAGNI, KISS, and DRY in Software Engineering213
fundamentals, minimalism, simplicity, maintainability
Ethical Web Principles: Building a Better Web (tor/w3c)212
web, ethics, processes, advocacy
Ethical Web Principles (tor+/w3c)211
web, ethics, w3c
Goodhart’s Law in Action: 3 Webperf Examples (nom/per)210
performance, lighthouse, web-vitals, metrics, google, examples
Program Errors Out of Existence (ale)209
programming, errors
Privacy Principles (rob+/w3c)208
privacy
The Art of Clean Code: A Practical Guide to Writing Maintainable JavaScript207
guides, javascript, maintainability
What Developers Miss About the Single Responsibility Principle (jac)206
solid
How Gestalt Principles Influence UX Design (uxm)205
user-experience, design
Mastering Clean Code With SOLID, DRY, KISS, and YAGNI Principles204
solid, quality, craft
9 Laws That Every Software Developer Should Know203
programming
The Golden Ratio in CSS (sto)202
css, design
Conway’s Law: The Hidden Force Shaping Your Software Architecture (tre)201
architecture, engineering-management
The Evolution of CSS: From Early Days to Flexbox and Grid (kev/thi)200
videos, css, history, concepts
Good UX Is Not Just About Minimizing Clicks (uxd)199
user-experience, design, processes
The Nine Node Pillars (mco/pla)198
nodejs, dependencies
Frontend Development Practices That Will Help You Avoid Failure197
best-practices, tech-stacks, architecture, validation, linting, testing
Interface Segregation Principle in React196
solid, react
In Defense of DRY (max)195
maintainability, link-lists
80/20 Accessibility (mar)194
accessibility
SOLID Principles for Designers193
design, solid
HTML Web Components Make Progressive Enhancement and CSS Encapsulation Easier (css)192
html, web-components, solid, progressive-enhancement, examples
The Art of Clean Code: Mastering the SOLID Principles191
quality, solid
Some UX Design Principles Startups Should Know190
user-experience, design
Opinions for Writing Good CSS (wal)189
css, conventions
Ethical Web Principles (tor+/w3c)188
web, ethics, w3c
Write SOLID React Hooks187
react, hooks, solid
Applying the Four Principles of Accessibility (ada)186
accessibility, wcag
Software Engineering Principles Every Frontend Developer Should Know185
craft, quality
Manifesto for a Humane Web (mic)184
websites, manifestos, web, accessibility, dei, security, sustainability, user-experience
Build Your Own React.js in 400 Lines of Code183
react, jsx
15 Essential UX Design Principles and Practices for Developers (uxm)182
user-experience, best-practices
How I Use Generative AI in Branding181
ai, branding, design
Psychology and UX: Decoding the Science Behind User Clicks180
user-experience, design
Homepage Design: 5 Fundamental Principles (nng)179
design, homepages
What Is Utility-First CSS? (hey)178
css, presentational-html
Tailwind Marketing and Misinformation Engine177
tailwind, css, semantics, maintainability, marketing
A Manifesto for Small, Static, Web Apps (ros)176
manifestos, web-apps
SOLID Principles: They’re Rock-Solid for Good Reason175
programming, solid
Web Platform Design Principles (lea/w3c)174
web-platform, software-design, standards, w3c
“HTML First” Is Not HTML First (j9t)173
html, quality, craft
The Golden Rule of Web Performance and Different Performance Engineering Specializations (per)172
performance
The Goldilocks Principle for Prototyping (nng)171
videos, prototyping, usability
Behavior Belongs in the HTML170
html, javascript
Is It Worth Keeping Your CSS DRY—Pros and Cons169
css, maintainability
HTML First168
websites, html
Designing for All: The Basic Principles of Web Accessibility167
accessibility, fundamentals, aria, tooling
We Need Web Progress, Not Pessimism (kev)166
web-platform
What Happened to Separation of Concerns in Frontend Development (j9t)165
maintainability, css, frameworks, history
Sustainability and Tech and Us (j9t)164
sustainability, performance, minimalism
Writing Clean Code: Best Practices and Principles163
javascript, best-practices, conventions, formatting, maintainability
The 5 Principles of Unit Testing162
testing, quality
4 Design Principles I Use Every Day to Avoid Bad UX and Create Products That Work for Everyone (ada)161
design, user-experience, dei
The SOLID Principles: Writing Scalable and Maintainable Code160
solid, scalability, maintainability
Three Key Principles for an Accessible Website159
accessibility
48 Laws, Rules, and Principles of Web Development (j9t)158
programming, terminology
Visual-Design Principles and UX Design Best Practices (uxm)157
design, user-experience, best-practices
Core Principles of SEO156
seo, overviews
System Design Blueprint: The Ultimate Guide (zon)155
guides, cheat-sheets, architecture, system-design
A Designers Guide to the Principles of Web Design154
guides, design, consistency, legibility, navigation, images, hierarchy, whitespace, usability
Formulating Your Product Design North Star (aka Design Principles) (uxd)153
design, processes
UX Principles for AI Products (uxd)152
user-experience, ai
From UX to Growth Design: 5 Principles to Multiply Your Value (uxd)151
user-experience, design
Privacy Principles (rob+/w3c)150
privacy
Platform Engineering Teams Done Right… (adr)149
platform-engineering
5 Principles of Readable Code: KISS, YAGNI, DRY, BDU, Occam’s Razor148
maintainability
7 Principles of Design Psychology Every UX Designer Should Know (uxm)147
design, user-experience
Select the Right Tool for the Job (jim)146
Proximity: Gestalt Principle for User Interface Design (nng)145
videos, design
Accessibility and MVPs (dav)144
accessibility
10 Key Principles of User-Centered Design (web)143
design, usability, user-experience
The BBC’s 15 Web Principles—15 Years Later (ede)142
web, history
Design Principles for the Web (ada)141
videos, design
W3C TAG Ethical Web Principles140
ethics, w3c
20 Principles I Learned From 10 Years of Developing Software139
The Design Principle Paradox (uxd)138
design
Applying SOLID Principles in React137
quality, maintainability, solid, react
Design Principles for the Web (ada/wea)136
videos, software-design, web
Software Engineering: The Soft Parts (add)135
10 Dos and Don’ts of Web Design in 2022 (web)134
design
The Cicada Principle and Why It Matters to Web Designers (mis)133
design
W3C TAG Ethical Web Principles (tor+/w3c)132
ethics, w3c
Resilience, Flexibility, and Immediacy: Working With Headless Systems (sma)131
headless, resilience
If Design Principles Are for Designs, Then Design Values Are for Designers (uxd)130
design
9 Useful Principles of UX Design (uxm)129
user-experience, design
Principles of Object-Oriented Programming in TypeScript (app)128
typescript, oop
Designing “Above the Fold”? Try the Reciprocity Principle (uxd)127
design
Design System—Principles of Success126
design-systems
Remember You Are Not the User (css)125
accessibility, internationalization, user-experience
Web Platform Design Principles (w3c)124
web-platform, software-design, standards, w3c
Three Principles to Better Present Your UI Designs (uxd)123
design
The Golden Ratio and User-Interface Design (nng)122
design, layout, aesthetics
Writing Clean JavaScript Tests With the BASIC Principles121
javascript, testing
New Principle: Do Not Design Around Third-Party Tools Unless It Actually Breaks the Web (lea)120
software-design, css
8 Fundamental Principles of Effective Web Design119
Principles by Design118
design
The (Most Comprehensive) JavaScript Design Principles Guide117
guides, software-design, javascript
UX Principles That Include Cognitive Accessibility (gar)116
accessibility, user-experience
Principle of Closure in Visual Design (nng)115
design
Making the Web—Faster114
web, performance, developer-experience
9 Principles of Good Web Design113
design, simplicity, navigation, content, layout, performance, mobile
Optimizing Your CSS: Writing DRY, Scalable Styles (ath)112
css, optimization, maintainability
10 Principles of the Best Landing Page Design111
design, landing-pages
The Principles of Visual Communication (sma)110
design, communication, examples
Similarity Principle in Visual Design (nng)109
design, colors, shapes
The Cicada Principle, Revisited With CSS Variables (lea)108
css, custom-properties
Design Principles 101107
videos, introductions, design
The Most Critical Python Code Metric106
python, metrics, quality
Goodbye, Clean Code (dan)105
processes, quality
Design Principles for Developers: Processes and CSS Tips for Better Web Design (css)104
design, typography, spacing, colors, processes, css, tips-and-tricks
Characteristics of a Strong Performance Culture (tka)103
performance, culture
F.I.R.S.T. Principles of Testing (www)102
testing
5 Simple UX Principles to Guide Your Product Design101
user-experience, design
The Anchoring Principle (tbf/nng)100
design, user-experience
The Psychology of Design (jon/ali)99
design, user-experience
Notes to Myself on Software Engineering98
career, apis
DRY HTML or DRY CSS?97
maintainability, html, css, bem, oocss, atomic-css
The Principle of Commitment and Behavioral Consistency (tbf/nng)96
user-experience
The Authority Principle (tbf/nng)95
user-experience
Laws of UX (jon)94
websites, user-experience
Universal Principles of User Experience Design (sma)93
user-experience, design, typography
The First Principles of Product Management92
product-management, communication, collaboration
The Two Extremes of Writing CSS, and What We Can Learn From Them (j9t)91
css, concepts, best-practices, comparisons
DRY CSS: How to Use Declarations Just Once, Effectively (j9t)90
how-tos, css, maintainability
What We Should Teach Up-and-Coming Developers (j9t)89
training, quality, ethics
CSS Architecture and the Three Pillars of Maintainable CSS88
css, architecture, maintainability, solid
The Nine Principles of Design Implementation (sma)87
design, html, css
Code Responsibly86
best-practices
Two Paradigms of Web Development (j9t)85
concepts, best-practices, comparisons
Inclusive Design Principles (ian+)84
websites, accessibility, dei, community
Principles of Web Development (j9t)83
user-experience, quality, simplicity, maintainability, learning
[Insert Clickbait Headline About Progressive Enhancement Here] (aar)82
progressive-enhancement, javascript, economics
Quick Tip: DRY Up Your Model Validations Tests81
testing, validation, ruby-on-rails, tips-and-tricks
Design Systems and Postel’s Law (mar)80
design-systems
Schools of Thoughts in Web Standards (kar)79
standards
You Got Your CSS in My JavaScript (jus)78
javascript, css
Design Systems in Difficult Places (mar)77
design-systems
Technical SEO—Fundamental Principles (sma)76
seo, fundamentals
Design Principles: Compositional, Symmetrical, and Asymmetrical Balance (sma)75
design
DRY: Do Repeat Yourself (ppk)74
best-practices
Design Principles: Compositional Flow and Rhythm (sma)73
design
Design Principles: Dominance, Focal Points, and Hierarchy (sma)72
design, hierarchy
Web Design and Principles (j9t)71
design
Design Principles: Visual Weight and Direction (sma)70
design
3 Principles for Perfect Typeface Pairing69
typography, fonts
CSS, DRY, and Code Optimization (j9t)68
css, optimization, maintainability
Design Principles: Connecting and Separating Elements Through Contrast and Similarity (sma)67
design, contrast, colors
Design Principles: Space and the Figure-Ground Relationship (sma)66
design, spacing
13 Tenets of User Experience (rhj/sma)65
user-experience
The End of Object Inheritance and the Beginning of a New Modularity64
videos, programming, conventions
CSS Architectures: Principles of Code Cleanup63
css, optimization, quality
The Single Responsibility Principle62
solid, php
The Open/Closed Principle61
solid, php
Mastering CSS Principles: A Comprehensive Guide (vit/sma)60
guides, css, link-lists
The Open/Closed Principle Applied to CSS (css)59
solid, oocss, css
Google HTML/CSS Style Guide (j9t)58
google, html, css, style-guides, quality, conformance, formatting, naming, sorting
Decoupling HTML From CSS (jus/sma)57
html, css, smacss
DRY CSS: Don’t Repeat Your CSS56
css, maintainability, oocss
Design Advice From Jony Ive55
design
The 2 Principles of Object Oriented CSS54
oocss, css, examples
Redefining Hick’s Law (sma)53
design
The Performance Golden Rule52
performance
“window.scrollTo()” or: When to Stay Clear of User Agents (j9t)51
browsers
Simple Made Easy (ric)50
videos, software-design, architecture, complexity, simplicity
The Guide to CSS Animation: Principles and Examples (sma)49
guides, css, animations, examples
5 Principles of User-Centered Interface Design48
design, user-experience
Web Development Principles: Develop for What Is, Not What Could Be (j9t)47
Design Principles (ada)46
websites, overviews
4 More Principles of Information Architecture45
information-architecture
Guidelines for URI Design (jac/css)44
guidelines, urls
The Principles of Cross-Browser CSS Coding (lou/sma)43
css, box-model, browsers, support
Principles of Icon Design (jon)42
icons, images, design
Wabi Sabi: Natural Simplicity in Web Design41
design, simplicity
How to Improve Usability With Fitts’ and Hick’s Laws40
how-tos, usability, optimization, design
Application Compatibility Layers Are There for the Customer, Not for the Program39
Principles of Design: Color38
design, colors
Principles of Design: Contrast37
design, contrast, colors
Principles of Design: Proximity36
design
HTML/CSS Frameworks: Useful, Universal, Usable, Unobtrusive (j9t)35
frameworks, html, css
The True Advantage of CSS (j9t)34
css, maintainability
Inappropriate Uses (chr/css)33
databases, html, css, javascript
Orthogonality of Specifications (w3c)32
standards, web-platform, software-design, architecture
10 Principles of Readability and Web Typography (sma)31
design, typography, readability
The Principles of Beautiful HTML Email30
email, writing, microcontent
12 Principles for Clean HTML Code (chr/sma)29
html, encoding, formatting, naming, css, conformance
Code Responsibly (j9t)28
websites, best-practices
7 Principles of Clean and Optimized CSS (sma)27
css, optimization, minification, hacks
The Principles of Project Management26
project-management, prioritization
10 Principles of Effective Web Design (vit/sma)25
design, usability, performance, simplicity, whitespace, conventions, testing
The Principles of Beautiful Typography (jas)24
typography, fonts, readability, legibility
HTML Design Principles (ann+/w3c)23
html, software-design
Cost of Solution vs. Cost of Problem (j9t)22
economics, prioritization, comparisons
The Principles of Beautiful Web Design21
design, processes, overviews
Web 2.0 Patterns20
web-2.0
Build for the Future: Bend, Don’t Break (gar/dig)19
html, processes
Principles and Elements of Design (dig)18
design
The Rule of Least Power (tim/w3c)17
programming, software-design
Microformats (mic)16
microformats, concepts, html, xhtml
The Principles of Design (dig)15
design, fundamentals, link-lists
The Four Essentials of Modern Web Design14
fundamentals, conformance, accessibility, semantics, quality
The Web Is a Human Creation (dig)13
web, marketing
Fitts’s Law (dav)12
design, usability
The Zen of Python11
python
Future of the Web, a Must-Read (gla)10
web-platform, outlooks, mozilla, opera
Principles of XML Design: When to Use Elements Versus Attributes (uog)9
xml
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