CSS Architecture

I'm attempting to compile a comprehensive list of how developers and front-end engineers structure their CSS using the SMACSS (Scalable and Modular Architecture for CSS) approach. What is SMACSS? "SMACSS stands for Scalable and Modular Architecture for CSS, and is more a style guide than a CSS framework. On a high level SMACSS aims at … Continue reading CSS Architecture

Using Bourbon, Neat, Bitters & Refills

So why am I contemplating using Thoughtbot products when Bootstrap is so popular and much widely used in the web community? Bourbon - "A simple and lightweight mixin library for Sass." Neat - "A lightweight semantic grid framework for Sass and Bourbon." Bitters - "Scaffold styles, variables and structure for Bourbon projects." Refills - "…prepackaged … Continue reading Using Bourbon, Neat, Bitters & Refills

Learning Sass

What is Sass? "Sass is a meta-language on top of CSS that’s used to describe the style of a document cleanly and structurally, with more power than flat CSS allows. Sass both provides a simpler, more elegant syntax for CSS and implements various features that are useful for creating manageable stylesheets." - Sass To install … Continue reading Learning Sass