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.