victordieggo / JavaScript30

30 day vanilla js coding challenge.

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 img: compress images
• gulp svg: compress svg files
• gulp js-lint: lint js (eslint)
• gulp js-build: build js (compile/minify)
• gulp js: wrapper for js lint/build tasks
• gulp css-lint: lint css (stylelint)
• gulp css-build: build css (compile/minify)
• gulp css: wrapper for css lint/build tasks
• 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+

License

MIT License © Victor Diego Villar Guimarães