Tech does not just watch: Take action against Russia’s war on Ukraine 🇺🇦, and take action against Israel’s oppression and killing of Palestinians and the occupation and destruction of Palestine (history) 🇵🇸 Hide

Frontend Dogma

“naming” News Archive

Definition, related topics, and tag feed

Definition · Supertopics: conventions · Subtopics: bem, oocss, smacss (non-exhaustive) · “naming” RSS feed (per email)

Entry (Sources) and Other Related TopicsDate#
Thinking Deeply About Theming and Color Naming (zel/css)91
theming, semantics, color-palettes, colors, pico
Figma Variables and Design Tokens: Naming and Creating Variables (lur/zer)90
figma, variables, design-tokens
UX or PX? Why Naming Matters (uxd)89
user-experience
Naming Things in Design Systems—and Why It’s the Worst (pjo)88
design-systems, components
Designing Design Systems: A Framework for Names, Terms, and Definitions87
design-systems, documentation, processes
Defending Tailwind (don)86
tailwind, presentational-html, productivity, maintainability, scalability
Figma Branches Best Practices85
design, figma, best-practices, collaboration, processes
Design Tokens: Authoring vs. Consuming84
design-tokens, design-systems, comparisons
Naming Things Is Still a Common and Enduring Challenge in Accessibility (cer)83
accessibility
Best Practices for Naming Design Tokens, Components, Variables, and More (sma)82
design-tokens, components, variables, best-practices
Naming Colors in Design Systems81
colors, design-systems
When It Says “Name From Author” It Means From You, Not Boll or Bukowski (ste)80
accessibility, aria
Names Are Complex: Displaying Initials for an Avatar Component in a Design System (hey)79
design, case-studies
Naming Design Tokens: The Art of Clarity and Consistency (uxd)78
design-tokens, consistency
My 3 Rules for Documenting Code (wra)77
documentation, processes
Truly Semantic (don)76
design-tokens, semantics
Why Naming Is #1 Skill for Writing Clean Code75
conventions, best-practices
Naming Variables in CSS (doc)74
css, custom-properties
Naming Things Needn’t Be Hard (pau)73
websites
Naming Components72
design-systems, components
Before Your Next Frontend Pull Request, Use This Checklist (tra/evi)71
checklists, performance, compression, dependencies, accessibility, legibility
How to Name Design Tokens in a Design System (uxd)70
how-tos, design-tokens, design-systems
Foundations: Accessible Names and Descriptions (tet)69
accessibility, fundamentals, writing, aria
Choosing a Name for Your Design System (bra)68
design-systems
Taming the Cascade With BEM and Modern CSS Selectors (css)67
css, cascade, selectors, bem
The Evolution of Scalable CSS66
css, maintainability, scalability, oocss, smacss, bem, css-in-js, modules, atomic-css, tailwind, history
A CSS Class-Naming Convention Might Still Be Your Best Choice (ben)65
css, conventions
Better Accessible Names (hdv)64
accessibility
Modern Alternatives to BEM (dav)63
css, sorting, bem, comparisons
Custom Event Naming Conventions (cfe)62
javascript, events
Why Do We Call It “Breadcrumbs”? Diving Into the History of UI Components (uxm)61
design, history, navigation, breadcrumbs
Naming Conventions for Design Systems60
design-systems, conventions
Tokens as Intents (don)59
design-tokens, typography
Naming Colors in Design Systems58
design-systems, colors
How Should You Name Your Colors in a Design System? (uxd)57
colors, design-systems
JavaScript Naming Conflicts: How Existing Code Can Force Proposed Features to Be Renamed (rau)56
javascript, refactoring
Why Radio Buttons Are Called Radio Buttons in UIs? (ami)55
html, semantics
Everything Publishers Need to Know About URLs54
seo, urls
Naming Design Tokens (luk/uxd)53
design-tokens
Naming Conventions for Your Design System (zer)52
design-systems, conventions
Name, Labels, ARIA, What to Do? (sco)51
accessibility, forms, labels, writing
Common Mistakes When Writing CSS With BEM50
css, bem, mistakes
How to Name Your Design System49
how-tos, design-systems
Non-Noxious Nomenclature48
A Minimal JavaScript Setup (css)47
javascript, conventions, scope, performance, maintainability, examples
CSS Architecture: Block Element Modifier (BEM) and Atomic CSS (web)46
css, architecture, bem, atomic-css
Image Alt Text vs. Title Text vs. File Names: What’s the Difference? (bri/sea)45
seo, alt-text, images, accessibility, microcontent, comparisons
Using Sass to Control Scope With BEM Naming (bel/css)44
scope, javascript, css, sass, bem
In Defense of Utility-First CSS (sar)43
css, presentational-html, bem, maintainability, scalability
ABEM—a More Useful Adaptation of BEM (css)42
css, bem, atomic-design
A Developer’s Guide to Better Accessibility (a11+/24a)41
guides, accessibility, html, semantics, keyboard-navigation, tooling
CSS Code Smells (fon/css)40
css, maintainability, technical-debt
Naming Things Is Only Getting Harder (geo/css)39
html, css
People’s Names That Break Websites (chr/css)38
validation, sanitization, localization
10 Node.js Best Practices: Enlightenment From the Node Gurus37
nodejs, best-practices, npm, environments, event-loop, scalability, caching, express
You Can Kinda Invent Your Own Weird Design Language With Attributes and Attribute Selectors (chr/css)36
html, css, attributes, selectors
Battling BEM CSS: 10 Common Problems and How to Avoid Them (sma)35
how-tos, bem, css, namespaces
JavaScript Code Conventions (ama)34
javascript, conventions, formatting
Hello, My Name Is <Error> (ali)33
conventions, forms, errors, usability
Architecting Scalable CSS (css/btc)32
videos, css, architecture, scalability
12 Little-Known CSS Facts (the Sequel) (lou)31
css, borders, typography, tables, animations, selectors
CSS: Just Try and Do a Good Job (chr/css)30
css, cascade, tooling
Scaling Down the BEM Methodology for Small Projects (sma)29
bem, css
Title CSS: A Simple Approach to CSS Class Naming28
css
My Current CSS and Sass Styleguide (kit)27
css, sass, conventions, bem, documentation
Getting Started With Microformats2 (mic)26
introductions, microformats, html
The Evolution of the BEM Methodology (sma)25
bem, css, history
CSS Architecture (phi)24
css, architecture, best-practices, tooling
Principles of Writing Consistent, Idiomatic HTML23
html, attributes, conventions, formatting, consistency, sorting
Practical Code Refactoring—Readability22
refactoring, best-practices, formatting, conventions
10 Tips for Better Coding21
tips-and-tricks, quality, conventions, documentation, refactoring, version-control, building, testing, tooling
Google HTML/CSS Style Guide (j9t)20
google, html, css, style-guides, quality, principles, conformance, formatting, sorting
BEM: A New Front-End Methodology (sma)19
bem, css, conventions
Dynamic Function Names in JavaScript (mar)18
functions, javascript
About HTML Semantics and Front-End Architecture17
html, semantics, architecture
What Makes for a Semantic Class Name? (chr/css)16
html, css, attributes, semantics, examples
Google CDN Naming Conventions (and You) (chr/css)15
google, content-delivery, apis, conventions
Get Creative With Your Domain Name (sma)14
domains
Why File Naming Is More Important Than You Think (cra)13
file-handling
CSS: The Maintenance Issue #1 and How You Can Avoid It (j9t)12
css, maintainability
The Stupidest Style Sheet Name Ever (j9t)11
css
Meaning of Names and Operations of Services10
discussions, standards
12 Principles for Clean HTML Code (chr/sma)9
html, principles, encoding, formatting, css, conformance
5 CSS Tips Every Web Developer Should Know About (j9t)8
css, tips-and-tricks, maintainability, resets, sorting
Name Soup (sli)7
javascript, ecmascript, standards
Best Practices for ID and Class Names (j9t)6
best-practices, html, css, maintainability
Rich Internet Applications and Greek Mythology (jec)5
history, adobe, microsoft, rich-internet-apps
Project Name Checker (ym)4
tools, exploration, social-media, sem
Social Media and Domain Name Checker (BrandSnag)3
tools, exploration, social-media, sem, domains
Social Media and Domain Name Checker (Namechk)2
tools, exploration, social-media, sem, domains
Social Media and Domain Name Checker (namecheck.com)1
tools, exploration, social-media, sem, domains