HTML5/JQuery & Gulp and other js to support IE8+
##Assets
##Deployment
##Structure
In the app folder
The index.html file.
assets folder: It holds and style, data, fonts, images and vendor js
Naming files
This is relate to CSS modulariry.
Please create modules files and add them to assets>sass>modules. Then call them inside style.scss file.
All the extra files (partilas, modules, lib) should start with underscore so they won't be compile as independent files.
files names example:
- _mod-bt.scss
- _mod-footer
JS:
Try to build the main.js in a modular way.
There is a starting IFFE strucutre already in place in the main.js
Fonts:
Please add the necessary fonts to the font folder and edit the assets>sass>partilas> _fonts.scss file to call the font. It has a icon font added to it already.
This seed uses gulp to minify, concatenate, compress images, autoprefix css, template cache system, jshint and sass compiler.
You can edit Gulpfile.js to adapt to your needs.
How to use it
-
in the terminal cd to your project folder $cd project_folder
-
$npm install
-
$gulp server (to run project and you can edit it. This will refresh the page)
-
$gulp build (this will create the dist folder with concatenated files and compressed imgeas)
-
$gulp build --prod (this will generate dist folder for production)
-
to test dist folder you can $gulp server:dist (this will show the files in the dist folder)
Gulp has a server that opens your localhost autmoatically and it comes with livereload