Spaceman is a simple and easily customizable HTML/CSS boilerplate to build websites and apps. It provides a flexbox based responsive layout system, pre-set styles for basic UI elements and a few CSS utilities and components.
Spaceman uses Gulp and Browsersync, so you'll need Node.JS. Once you have set it up, download Spaceman to your project directory and access the terminal:
# install gulp globally
$ npm install -g gulp
# go to your project directory
$ cd myproject
# install dev dependencies:
$ npm install
# initialize gulp and browsersync:
$ gulp
And thats it, the commands above are everything you need to start. Now read the docs (coming soon!) so you can get the best out of Spaceman.
gulp
: run all tasks, start browsersync and watch filesgulp js
: lint/build js filesgulp css
: lint/build css filesgulp img
: compress imagesgulp svg
: compress svg filesgulp watch
: start browsersync and watch filesgulp build
: run all assets related tasks (js/css/img/svg)
Chrome 29+, IE 10+, Firefox 22+, Safari 6.1+, Opera 12+
Many thanks to BrowserStack for providing open source licenses to test the project features across all the different browsers and devices.