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