microsite-seed

Boilerplate project based on HTML5Boilerplate, using Gulp for orchestrating dev tasks and Stylus as CSS preprocessor.

Sometimes you need just quickly develop some static site, eg. some proof-of-concept for your boss, client or colleague. Or marketing microsite. Or simple site for your mum. You want to benefit from tools you're used to, but don't want to spend time with setting things up. Just start write code.

Starting is simple:

• clone this repo
• run npm install
• run npm start
• write some code...
• check your work in browser on //localhost:3001
• benefit from Browser Sync

Using Bower

If you want to use libraries installed via Bower, follow these simple steps:

• Install library via Bower as usual, ensure to save it as dependency in bower.json file. Example: bower install --save <library-name>
• Include main file of library (can be found in library's bower.json file) in page like this: <script src="js/vendor/main_file.js"></script>

Default Gulp task will copy those main files to public folder (js/vendor/) and flatten paths.

How it works?

Simply. Gulp script will take care of compilation of your Stylus files, copying main files of bower components and running connect server. Connect server will serve all files from _public folder.