node package manager
Painless code sharing. npm Orgs help your team discover, share, and reuse code. Create a free org »

html5-fruitsalad

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/