front end grunt gulp Modern JavaScript Development tooling Workflow

~199 slides on Front-end Tooling Workflows

Nov 11, 2014 Addy

View slides on SpeakerDeck Source: Addy Osmani

@extend @include Alexis Sellier Andy Clarke Backend Chris Eppstein Client-side Codekit colors Colors functions Colors operations Compass constants CSS Preprocessors CSS3 Debugging DRY Express front end gem install Haml Hampton Catlin Import Internet Explorer Jade Less Less.js lighten Linux LiveReload Mac Math Media Queries Minification Mixins Mobile-first modernizr Nathan Weizenbaum Nesting Nicole Sullivan node OOCSS responsive Rhino Ruby SASS Sass 3.2 SFHTML5 slides Stylus The Sass Way TJ Holowaychuk Twitter Bootstrap Variables Windows

Deep dive into CSS Preprocessors

May 30, 2012 Jonathan

On May 31st, I gave this talk at SFHTML5 about CSS Preprocessors: Source: Verekia

Addy Osmani AMD app architecture asynchronous Asynchronous Module Definition Backbone Best practices Client-side Controller data-main define demo dependencies DIY events example front end hash hashchange History HTML5 HTTP requests James Burke jQuery jQuery-tmpl json Large-scale local storage Model Modular Module Pattern Mustache MVC Object Oriented Programming OOP organize parallel parse Performance Require require.js RequireJS Revealing Module Pattern Routes Script script loading serialization stringify structure Templates Templating TodoMVC Tutorial View Web App webperf

Build a simple client-side MVC app with RequireJS

Nov 3, 2011 Jonathan

As a web developer, you certainly often started coding your JavaScript in a single file, and, as the code base…