Employing a suite of namespaces to make your UI code more readable and transparent
Source: More Transparent UI Code with Namespaces – CSS Wizardry
Tag: keep organized
Principles of writing consistent, idiomatic CSS by Nicolas Gallagher
Source: Principles of writing consistent, idiomatic CSS
The following document outlines a reasonable style guide for CSS development. These guidelines strongly encourage the use of existing, common, sensible patterns. They should be adapted as needed to create your own style guide.
This is a living document and new ideas are always welcome. Please contribute.
CSS Guidelines (2.2.4) – High-level advice and guidelines for writing sane, manageable, scalable CSS
High-level advice and guidelines for writing sane, manageable, scalable CSS
Source: CSS Guidelines (2.2.4) – High-level advice and guidelines for writing sane, manageable, scalable CSS
Thomas Byttebier – Less CSS mess
Thomas Byttebier is a freelance web designer creating minimalist and easy to use websites and user interfaces. Thomas lives and works in Gent, Belgium.
Source: Thomas Byttebier – Less CSS mess
Using much of the killer coding philosophies of CSS wizard Harry Roberts, I found a way that’s helped me keep the CSS for the web app I’m currently working on manageable, understandable and above all: highly reusable. And as the app keeps evolving, the CSS doesn’t get more complex. At most it only gets bigger, but that’s ok.
There’s basically 5 things that helped me shape up the way I code my designs enormously:
- coding guidelines
- itcss
- namespaced CSS
- BEM
- and documentation in a front-end style guide.
Let me go over each of them briefly in the next paragraphs.