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). …
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 …
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:
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.…
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 …
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
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 …
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 …
