HTML5 Fruit Salad

HTML5 Fruit Salad is a partner to build your file structure and to deploy your website using the best concepts and some of the best libraries used worldwide, including Gulp The streaming build system and Node a platform built on JavaScript.

Usage

Install nodejs if you don't have installed.

Install dependences

npm install gulp gulp-uglify gulp-minify-css gulp-imagemin gulp-useref gulp-jsvalidate gulp-concat gulp-cache

The basic structure of the project:

├── assets/
│   └── css/
│     └── img/  
│     │ └── glyphicons-halflings.png  
│     │ └── glyphicons-halflings-white.png
│     └── libs/ 
│     │ └── bootstrap.min.css
│     └── vendor/   
│     │ └── main.css
│     │ └── normalize.css
│     └── screen.css    
│   └── fonts/
│   └── imgs/
│   └── js/
│     └── libs/
│     └── vendor/
│     │ └── jquery-1.10.2.min.js
│     │ └── modernizr-2.6.2.min.js
│     └── functions.js
│   └── 404.html
│   └── favicon.ico
│   └── index.html
├── deploy/
│   └── css/
│     └── img/  
│     │ └── glyphicons-halflings.png  
│     │ └── glyphicons-halflings-white.png
│     └── vendor/   
│     │ └── main.css
│     │ └── normalize.css
│     └── all.css   
│     └── plugins.css   
│   └── fonts/
│   └── imgs/
│   └── js/
│     └── vendor/
│     │ └── jquery-1.10.2.min.js
│     │ └── modernizr-2.6.2.min.js
│     └── all.js
│     └── plugins.js
│   └── 404.html
│   └── favicon.ico
│   └── index.html
├── .gitattributes
├── .gitignore
├── .htaccess
├── crossdomain.xml
├── gulpfile.js
├── LICENSE
├── README.md
└── robots.txt

Guides

Work path: assets/
Deploy path: deploy/

CSS path: assets/css/
CSS libraries path: assets/css/libs/

JS path: assets/js/
JS libraries path: assets/js/libs/