Modern front-end boilerplate using many cool features and technologies to aid in the development.
- NodeJS
- GulpJS
- Stylus
- Kouto-Swiss
- Rupture
- Jeet
- Vendor prefixes
- Jade
- Browser-Sync
- CSS, JS, HTML and Image minify
- CSS and JS concat
- Linter for JS
First, you'll need to install NodeJS if you don't have it already, then fork this repository, enter it and run:
npm install
Wait for the dependencies to install and enjoy a modern front-end workflow!!! xD
You'll work only in the src directory. There you'll create all your .jade, .styl,
.js files and put your images.
While you're developing just run:
gulp serve
This will create .html, .css, .js files and copy images to the app directory and watch for
changes when you're developing your app.
When you finish your app, just run:
gulp build
or
gulp
This will create your final app with minified .html and image files, a minified main.css
file and a minified main.js file in dist directory.
Check the CHANGELOG file!
In the src directory there's a sample page using .jade and .styl! You can use it for a starting
point or you can delete it and create your own files!!! BE FREE!
I wish that this boilerplate can help you in your daily tasks!!!
If you want to help this project, FORK it and make a PULL REQUEST!!!