sillero

###Guides http://codeguide.co/
https://github.com/styleguide
https://github.com/airbnb/javascript
https://github.com/polarmobile/coffeescript-style-guide

inuit.css = BEM + OOCSS + awesomeness
https://github.com/csswizardry/inuit.css/
https://github.com/inuitcss/getting-started
http://jsfiddle.net/user/inuitcss/fiddles/

sillero

http://vimeo.com/93634945
http://www.jimijean.com/CV_mobile.html
http://ux.stackexchange.com/questions/14498/how-do-you-document-your-interaction-flows
http://unify.eightshapes.com/
http://www.uxforthemasses.com/create-great-ux-documents/
this -> http://www.uxforthemasses.com/example-ux-docs/

sillero

// global notation
// <script src="awesomplete.js"></script>
// <script src="awesomplete-email.js"></script>
// <script src="awesomplete-select.js"></script>
Awesomplete.init();



// commonjs/middleware notation

sillero

// using iojs-v1.5.1 to run the code

/* jshint esnext:true */
/* globals console */
'use strict';
var app = {
  pipeline: function(){
    var pipeline = {};
    
    // using arguments slice because iojs needs flags for Spreads

sillero

/**
 * The first commented line is your dabblet’s title
 */
html {
background: #f06;
background: linear-gradient(45deg, #00f, yellow);
min-height:100%;
}

sillero

/**
 * circular animation
 */
html {
background: #f06;
background: linear-gradient(45deg, #00f, yellow);
min-height:100%;
}

sillero

/**
 * div float full width
 */

html, body {
background: #f06;
background: linear-gradient(45deg, #00f, yellow);
height:100%;
}
div {

sillero

/**
 * div float full width
 */

html, body {
background: #f06;
background: linear-gradient(45deg, #00f, yellow);
height:100%;
}
div {

sillero

/**
 * div float full width
 */

html, body {
background: #f06;
background: linear-gradient(45deg, #00f, yellow);
height:100%;
}
div {

sillero

/**
 * div float full width
 */

html, body {
background: #f06;
background: linear-gradient(45deg, #00f, yellow);
height:100%;
}
div {