CSS is hard to maintain and scale without a well-defined approach. Here are five CSS development methodologies and style guides that can help. 1. SMACSS SMACSS stands for Scalable and Modular Architecture for CSS. A core idea behind this CSS development approach is minimizing the depth of selectors in order to keep them modular as well as to lower dependency on the HTML structure. In SMACSS, there are five style-rule categories: Base, Layout, Module, State, and Theme. 2. CSS Guidelines CSS Guidelines is a comprehensive guide for writing maintainable CSS. It has rules such as limiting stylesheet lines to 80 characters, using soft tabs equal to four spaces, and so forth. 3. OOCSS OOCSS stands for Object-oriented CSS. The central component of this …
Original Article Can Be Found Here: