PepsiCo Dev Environment - Colorido Studio

Server

• node.js
• express.js

Grunt

• sass
• uglify
• compass
• susy
• livereload

Library

• Greensock
• Jquery

Version Control

• Github

Installation

npm install

npm start

grunt

CSS Convention

• No more than 4 level nesting (avoid cascading )
• Basic Order: position, display, width/height, top, left/right, margin/border, text-related elements, z-index
• Upper: Layout lower: text, visibility, z-index at the end
• BEM preferred, but not required.

TODO

• Bower: JS module manager
• Angular 2
• Scrollmagic(lib)
• REFACTORING!