If you've been doing CSS for awhile you either seen them or used them. But do you know why the technique works? The code after all, is not very intuitive: See the Pen CSS triangle by dpiatek (@dpiatek) on CodePen. To understand how the code works, we need to know
How we write CSS has changed a lot in the recent years. Many developers do not write vanilla CSS at all anymore, BEM seems to be the industry standard for structuring the codebase but the advent of SPA’s has magnified it’s shortcomings.
There is a bit of CSS that you will write or more likely use from a library that will influence your whole project. It is crucial and it’s quality and adequacy can make or break your productivity as you develop. That CSS is the famous (or infamous!) grid.
This post was originally published on the Red Badger blog https://red-badger.com/blog/2015/03/13/writing-better-css-with-meaningful-class-selectors With the rise of frameworks like React, Angular, Ember and the Web Components spec, the web seems to be moving towards a more components based approach to building apps. The abstractions for
CSS grid systems are incredibly helpful. They are one of the key components to make your HTML & CSS clearer and more concise, as they get rid of a lot of sizing micro-management. In the past, I've built upon InuitCSS which is a great and simple grid. For all projects