Category: 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 grids defined columns and rows. What caught me was the fact that I can name these lines. ...

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 context that could change. Direct Link to Article — Permalink Coding CSS for Context i...

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 names from it with the RegEx class="[a-zA-Z0-9:;.s()-,]*". I dropped the class-free HTML into the Rooster, and it did g...

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 than use the tag selectors, but heck, you might as well just give them names. Dir...