Frontend workflow

css.md

CSS goals / CSS philosophy / Methodologies

• Architecture ITCSS

• Naming convention

  • CSS: BEMIT
  • Images: [name]_[width]x[height]_[device-pixel-ratio]x, example: 'logo_100x100_1x'

• CSS Namespacing Transparent UI code

• Progressive Enhancement

• Mobile first

• Search engine optimisation

CSS frameworks

• Bootstrap
• Foundation
• MaterializeCSS

CSS grids

• Neat
• Jeet
• Lost

linux.md

Linux

• Terminal: terminator + fish + fisherman

terminator + zsh + oh my zsh

• Color pick: gpick

• Capturador de pantalla: shutter

• Editor: atom

windows.md

Windows

• Terminal: cmder

• Color pick: eyedropper

• Capturador de pantalla: lightshoot

• Editor: atom

workflow.md

Frontend workflow

• Pre procesador CSS: stylus sass

• Pre procesador HTML: jade

• Frameworks JS: react angular knockout

• Build Tools: gulp webpack

• Version Control: git

• Consistent Development Environments docker vagrant

• Dependenciy and Package Managers bower npm