SAWI - Styleguide
SAWI Styleguide.
Content
User documentation
Install CSS/JS dependencies with npm
$ npm init
$ npm login
$ npm install --save @antistatique/sawi-styleguide
Link assets to your project
- Use any task runner (gulp/grunt/...) to move node_modules/@antistatique/sawi-styleguide/build/ to your asset folder
HTML template (quick and dirty, see complete styleguide here)
<!DOCTYPE html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title></title>
<meta name="description" content="">
<meta name="keywords" content="HTML,CSS,XML,JavaScript">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="/build/css/vendors.min.css">
<link rel="stylesheet" href="/build/css/main.css">
</head>
<body>
<script src="//code.jquery.com/jquery-2.2.4.min.js" crossorigin="anonymous"></script>
<script src="/build/js/vendors.min.js"></script>
<script src="/build/js/bundle.js"></script>
</body>
</html>
Contributor documentation
Prerequisites
First of all, you need to have the following tools installed globally on your environment:
Install
$ npm install
$ gulp
Development
First you have to launch Gulp to watch your files
$ gulp serve
Deploy
The deployment of branch dev
and master
is managed yourself and publish on NPM!
First time
# You need to create a new realease using git flow
$ git flow release start 0.0.1
# Make some last minutes changes and prepare your realease
# Make some last minutes changes and prepare your realease and edit CHANGELOG.md file!
$ git flow release finish -p 0.0.1
# Publish on NPM your last release
$ npm publish
Deploy on gh-pages
$ gulp --ghpages && gulp deploy