web-generator

Basic web application tools and structure

technologies

1. Jade (HTML template engine)

2. SASS (.scss)

3. PostCSS auto prefixer (support for cross browsers)

    .{
      transition: all .4s ease;
     }

becomes

    .{
       -webkit-transition:all .4s ease;
       -o-transition:all .4s ease;
       -moz-transition:all .4s ease;
       transition:all .4s ease
     }

1. Image optimizer (optimizes images' sizes)

packages

- gulp
- del
- gulp-autoprefixer
- gulp-concat
- gulp-connect
- gulp-contrib-copy
- gulp-express
- gulp-image
- gulp-pug(known as Jade)
- gulp-minify-css
- gulp-sass
- gulp-sourcemaps
- gulp-uglify

useage

If you install with npm type

to see on NPM click link

npm install web-generator or npm i web-generator

If you download directly you must install Npm Packages by typing

npm install or npm i

then run Gulp Task Runner

npm start or gulp

and finally visit http://localhost:1453

output demo

You will see same views when you run the project Output Demo Link