A styleguide pattern to test color scheme, typography, grids, layout & button before coding a website. It can be share with customers if they don't have visual guideline to make documents.
This project is built with html, sass and javscript. Sass files, images & javascript are processed to make the guideline, when you have finished to work on it, you can remove everything except the folder styleguide/ with processed files.
To make a local copy : git clone https://github.com/nclslbrn/styleguide.git
To install dependancies : npm install
To run gulp tasks : gulp
Specific gulp task :
- HTML include
gulp fileinclude
- Sass processing
gulp styles
- javascript linting and minifying
gulp scripts
- images minifying (jpg, png, gif & svg)
gulp images
- zip the guideline folder
gulp build
- remove all processed file
gulp clean
- launch browserSync
gulp sync
- watching for file save and trigger the right automation
gulp watch
(an alias ofgulp
)