uiCookbook

Easy Browsersync Server

• /easybs

  An HTML 5 Template with a NPM package config to install a minimal set of development tools including a Browsersync server and Gulp task runner.

Handlebars with Browserify

• /hb-browserify

  This code uses the hbsfy precompiler plugin for Browserify to compile Handlebars templates into javascript.

Sass and cssnano

• /sass-cssnano

  Sass Workflow Using cssnano and Autoprefixer more info

Google Maps API

location inputs populated by google maps api when the marker is repositioned.

• /geocode/gmap-vue

  Vue and Webpack version

• /geocode/gmap-webpack

  Browserify version converted for the Webpack module bundler more info

$ npm install

# develop with webpack-dev-server
$ npm start

# build for production
$ npm run build

• /geocode/gmap-browserify

  uses local javascript modules with Browserify and the google maps api, no key required. Same functionality as the requirejs version below. more info

# installs browserify, browserify-shim, gulp, gulp-sourcemaps, gulp-uglify, gulp-util, gulp-webserver, vinyl-buffer, vinyl-source-stream
$ npm install

# run bundle and server
$ gulp

• /geocode/gmap-rjs

  uses requirejs with an async plugin to load the google maps api, no key required. dragging the marker to a location in the map retrieves location data and sets values in text inputs. more info

# installs requirejs, requirejs optimizer, gulp and browsersync
$ npm install

# installs requirejs async plugin
$ bower install

# copies requirejs and the async plugin from local package manager folders into the app
$ gulp copy

# requirejs optimization from /src/js into /js
$ node node_modules/requirejs/bin/r.js -o require.build.js

# run
$ gulp server