/spaceman

HTML/CSS boilerplate to build websites and apps.

Primary LanguageCSS

Spaceman

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.

Getting Started

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 Tasks

  • gulp: run all tasks, start browsersync and watch files
  • gulp js: lint/build js files
  • gulp css: lint/build css files
  • gulp img: compress images
  • gulp svg: compress svg files
  • gulp watch: start browsersync and watch files
  • gulp build: run all assets related tasks (js/css/img/svg)

Browser Support

Chrome 29+, IE 10+, Firefox 22+, Safari 6.1+, Opera 12+

Thanks

BrowserStack

Many thanks to BrowserStack for providing open source licenses to test the project features across all the different browsers and devices.

License

MIT License © Victor Diego Villar Guimarães