Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
H5BP on Crack is a development setup that allows you to be productive right away if you use H5BP, jQuery, Handlebars, Store.js, QUnit, Grunt, the PubSub pattern, SASS & COMPASS.
JavaScript
branch: master

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
css
img
js
sass
.gitattributes
.gitignore
.htaccess
404.html
apple-touch-icon-114x114-precomposed.png
apple-touch-icon-57x57-precomposed.png
apple-touch-icon-72x72-precomposed.png
apple-touch-icon-precomposed.png
apple-touch-icon.png
crossdomain.xml
favicon.ico
grunt.js
humans.txt
index.html
package.json
readme.md
robots.txt
server.js

readme.md

Jumpstart

JS Frameworks for single page apps like Backbone and Ember.js are all the rage right now and they are awesome... for single page apps.

But what if you are in charge of the frontend of a classic multi-page website that needs some awesome css and a bunch of jQuery plugins and you want to have your basic setup neatly organized, easy to maintain, easily optimized for production and an architecture for the plugins to talk with eachother out of the box?

That's where Jumpstart comes in. It gives you a really good starting point to be productive right away. IF you like to work with the same tools as I do.

All The Things:

  • HTML5 Boilerplate
  • Works with Grunt.js and SASS/COMPASS out of the box
  • A pre-configured gruntfile with tasks for development and for production for both CSS and JavaScript
  • grunt-compass setup (No need to initialize a Compass project)
  • Basic H5BP CSS organized into SCSS partials
  • Plugins use Addy Osmani's basic plugin pattern
  • A better directory structure for your JavaScript libs and plugins
  • PubSub.js
  • JavaScript templating with Handlebars
  • Store.js
  • Testing with QUnit

Dependencies

  • Node.js
  • Grunt.js
  • SASS
  • COMPASS
  • Phantom.js

How To Use Jumpstart

Check out the project

git clone https://github.com/kahlil/jumpstart.git

Move into the project folder and fetch your dependencies

cd jumpstart
npm install
sudo npm install grunt-compass

Start grunt

grunt

Hack away.

Static Webserver

Jumpstart comes with a built-in static webserver. Just move to the project folder and run

node server.js

This will open a webserver on port 8080. Just go to 'http://localost:8080' in your browser.

You can specify a different port, by adding it as an argument to your server call

node server.js 8040

License

Jumpstart is released under the MIT license.

Something went wrong with that request. Please try again.