031 InuitCSS

26 Jan 2013

Inuit.css is a powerful, scalable, Sass-based, BEM, OOCSS framework. In this episode, we will create a simple page on modern communication protocol used for Internet using the Inuit.css framework!

Download video: mp4

Sample code: Github

Similar episodes: 010 SASS

##Background on Inuit CSS

  1. Main Website
  2. Twitter
  3. Github

##Things to learn with Inuit CSS

####incorporate inside a project

  1. navigate to the project folder with the file index.html

    ``` $ tree 1 ↵ . └── index.html

    0 directories, 1 file ```

  2. clone the inuit.css repository:

    git clone git://github.com/csswizardry/inuit.css.git css

  3. delete non-development files (if you feel so):

    cd css rm README.md LICENSE .gitignore

  4. start watching the sass files:

    sh watch.sh

    If there encoding error like Encoding::UndefinedConversionError: "\xE2" from ASCII-8BIT to UTF-8, then add @charset "UTF-8"; at the start of each file

##More Resources on Inuit CSS

##More resources on the episode project - Internet Reference Model, Computer Networks

##Build Link of this Episode

CSS Wizardry is a blog by Harry Roberts who writes in-depth articles on scaling CSS.