HTML5-SASS-Boilerplate

Integrate SASS workflow with HTML5 Boilerplate

What in side?

• SASS architecture: 7-1 pattern: 7 folders, 1 file
• SASS workflow in npm
• HTML5 Boilerplate

How to use?

• step1: After you clone the template project from: https://github.com/ITComma/HTML5-SASS-Boilerplate.git

• step2: Pull all the contain to your project's main directory

• step3: Input project information in package.json (e.g: name, version, description,...)

• step4: > npm install

• step5: place .gitignore in appropriate directory

• step6: go to node_modules/html5-boilerplate/dist/ and pull all the contents to your project's main directory

• step7: add <link rel="stylesheet" href="css/style.css"> in side the index.html (below the main.css)

• step8: > npm run start

• step9: go to sass folder and writing some code

• step10: > npm run build

Customize

Custom HTML5 Boilerplay with Initializr

Custom the Javascript stack

References

HTML5 Boilerplate Docs

SASS Guide