anchor.diff:            transition: 'linear',
         });
   
  +      import hljs from 'highlight.js';
  +      import 'highlight.js/styles/tomorrow-night.css';
         hljs.initHighlightingOnLoad();
  +
  +section
  +  h2 Time to edit some code
  +  pre
  +    code(class="bash").
  +      $ cd example-webpack
  +      $ npm install
  +      $ npm run hot-dev-server
  +
  +      # In another terminal:
  +      $ npm run start-dev
  +  p Now open up <a href="http://localhost:8080/" target="_blank">http://localhost:8080/</a> and edit some files in <code>app</code>.
  
positive.code:     li Grunt - Configuration may be much easier for designers to jump into.
      li Brunch - Focused on building assets, instead of running tasks.
      li Webpack - Rapid development and hot-reloading of changes.
      li And many others
  
  section
    h2 What I use
    p I typically start out with a Gulp configuration, and can put one together in a few minutes with the abundance of modules that exist for it.
    pre
      code(class="javascript").
        var gulp = require('gulp')
          , sourcemaps = require('gulp-sourcemaps')
          , uglify = require('gulp-uglify')
          , sass = require('gulp-sass');
  
        gulp.task('default', ['sass', 'js']);
  
        gulp.task('sass', function () {
          return gulp.src('./scss/style.scss')
            .pipe(sourcemaps.init())
            .pipe(sass({ outputStyle: 'compressed' }).on('error', sass.logError))
            .pipe(sourcemaps.write('.'))
            .pipe(gulp.dest('./public_html/'));
        });
  
        gulp.task('js', function () {
          return gulp.src('./app/index.js')
            .pipe(sourcemaps.init())
            .pipe(uglify())
            .pipe(sourcemaps.write('.'))
            .pipe(gulp.dest('./public_html/app.js'));
        });
  
  section
    h2 Gulp Hot-Load
    p If I'm working on the frontend, live-reloading makes the process much easier, but adds to the complexity.
    p BrowserSync is my preferred way of quickly adding in CSS hot-reloading, and refreshing the browser when the JS changes.
    pre
      code(class="javascript").
  
negative.code:     li Upload assets to S3
      li Remove development code in production builds
      li Live-reload the browser when you change something
      li Edit directly in the Web Inspector
  
  section
    h2 Slide decks too!
  