oneagency-jacket
Version:
Jacket is a Scss starterkit based on Gulp, Libsass and scss-lint with some sane default tasks and based on the Smacss and BEVM structures.
76 lines (44 loc) • 3.17 kB
Markdown
# Jacket
[](https://www.npmjs.org/package/oneagency-jacket)
[](https://www.npmjs.org/package/oneagency-jacket)
[](https://david-dm.org/Crosscheck/Jacket)
[](https://david-dm.org/Crosscheck/Jacket#info=devDependencies)
[](https://www.npmjs.org/package/oneagency-jacket)
[](https://www.npmjs.org/package/oneagency-jacket)
[](https://www.npmjs.org/package/oneagency-jacket)
## Hi there, Awesome Front-end developer.
> A starterkit with a **strong sane default setup**, **strong a good starting structure**
> and **strong powerfull front-end tools** to back you up.
### What front-end tools are included?
* **Npm** -- Jacket is an npm package. You can find the package [here](https://www.npmjs.com/package/oneagency-jacket).
* **Gulp** -- As a build tool, Jacket uses [Gulp](http://gulpjs.com/).
* **Sass** -- [Bourbon](http://bourbon.io/) & [Neat](http://neat.bourbon.io/), [h5bp normalize](https://html5boilerplate.com/), [autoprefixer](https://twitter.com/autoprefixer) and more.
* **Smacss and BEVM** -- Structure is [Smacss](http://smacss.com/) based and [BEVM](https://viget.com/extend/bem-sass-modifiers) is encouraged.
* **Scss linting** -- Scss linting lets you [lint](https://github.com/brigade/scss-lint) your scss code.
* **BrowserSync** -- For crossdevice testing Jacket uses [Browsersync](https://www.browsersync.io/).
* **Jade** -- Jacket is setup with [Jade](http://jade-lang.com/) as templating language.
* **Sassdoc** -- Scss Mixins, functions and more are documented with [Sassdoc](http://sassdoc.com/).
### What Gulp tasks can be run?
##### gulp help
The Help task displays all the gulp tasks.
##### gulp favicons
The Favicons task can generate your favicons with [Realfavicongenerator](http://realfavicongenerator.net/).
##### gulp sass
The Sass task compiles your **scss** to **css**. <br>
This task can do: Globbing, Autoprefixing, Sourcemaps, it includes a jsonImporter and sends a terminal notification when compilation fails.
##### gulp scss-lint
Based on the .scss-lint.yml the Scss-lint task will check if all the scss code you wrote respects the codig standards.
##### gulp jade
The Jade task wil compile all the Jade templates to html files in the dist folder.
##### gulp browser-sync
The Browser sync task will serve this index.html file at localhost:3000/
and it will watch the scss and jade files and refresh all the devices that are hooked up when these files change.
##### gulp sassdoc
This tasks can generate all the scss documentation used in Jacket.
##### gulp watch
This task watches all your files.
### Sassdoc?
You can find the doc when you run the gulp sassdoc command at
localhost:3000/sassdoc/index.html
---
Jacket • License MIT • © One Agency