Skip to main content
CSS-Tricks
  • Articles
  • Alamanac
  • Guides
  • Videos
  • Books
  • Newsletter
Search

Articles Tagged
naming

8 Articles
{
,

}
Direct link to the article Using Grid Named Areas to Visualize (and Reference) Your Layout
grid grid-template-areas layout naming

Using Grid Named Areas to Visualize (and Reference) Your Layout

Whenever we build simple or complex layouts using CSS Grid, we’re usually positioning items with line numbers. Grid layouts contain grid lines that are automatically indexed with positive and negative line numbers (that is unless we explicitly name them). …

Avatar of Preethi Selvam
Preethi Selvam on Aug 26, 2022
Direct link to the article The Dilemma of Naming Font Size Variables
custom properties font-size naming

The Dilemma of Naming Font Size Variables

Normally, a project will have a set of pre-determined font sizes, usually as variables named in such a way that seeks some semblance of order and consistency. Any project of considerable size can use something like that. There are always …

Avatar of Martin Lexelius
Martin Lexelius on Jul 6, 2021
Direct link to the article Building a Scalable CSS Architecture With BEM and Utility Classes
architecture bem naming syntax

Building a Scalable CSS Architecture With BEM and Utility Classes

Maintaining a large-scale CSS project is hard. Over the years, we’ve witnessed different approaches aimed at easing the process of writing scalable CSS. In the end, we all try to meet the following two goals:

  1. Efficiency: we want to
…
Avatar of Sebastiano Guerriero
Sebastiano Guerriero on Apr 21, 2020 (Updated on Oct 21, 2021)
Direct link to the article Working Towards Better Naming
naming

Working Towards Better Naming

There is a quote that I bet every one of you has heard many times. You know the one. The one that reminds you how hard naming is.

Let’s talk names.…

Avatar of Cory Long
Cory Long on Feb 26, 2018
Direct link to the article Naming Things is Only Getting Harder
grid naming

Naming Things is Only Getting Harder

I was working with CSS Grid and came to the grid-column and grid-row properties. I paused for a moment.

They’re not overly complicated. They are shorthand properties for expressing where an element should start and end on a grid’s defined …

Avatar of Geoff Graham
Geoff Graham on Jun 21, 2017 (Updated on Aug 17, 2022)
Direct link to the article Coding CSS for Context
naming

Coding CSS for Context

Snook on naming a class:

Here’s what’s important:

  • We want to identify that this is a variation on our button.
  • We want to indicate the purpose of this button style.
  • We want to avoid tying the code to a particular
…
Avatar of Chris Coyier
Chris Coyier on Feb 16, 2017
Direct link to the article CSS Rooster
naming

CSS Rooster

A Bot that Writes CSS Classes for HTML with Deep Learning

I played with it for a bit to see if I could get it to do anything impressively analytic. I took some semantic HTML and removed all the class …

Avatar of Chris Coyier
Chris Coyier on Feb 10, 2017
Direct link to the article Managing Typography on Large Apps
naming typography

Managing Typography on Large Apps

Harry Roberts suggest very minimal styles for h1-h6, then using heading-specific class names to actually style them, regardless of what element they turn out to be.

I could get behind that. In the past I’ve done .h1, .h2, etc rather …

Avatar of Chris Coyier
Chris Coyier on Feb 22, 2016

CSS-Tricks is powered by DigitalOcean.

Keep up to date on web dev

with our hand-crafted newsletter

DigitalOcean
  • About DO
  • Cloudways hosting
  • Legal stuff
  • Get free credit!
CSS-Tricks
  • Write for us!
  • Advertise with us
  • Contact us
Social
  • RSS Feeds
  • CodePen
  • Mastodon
  • X
Back to Top