GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → ozluy → web-generator

ozluy / web-generator

Licence: MIT License
👑 Gulp based task runner which creates HTML output from Pug HTML templates

Programming Languages

javascript
184084 projects - #8 most used programming language
HTML
75241 projects
CSS
56736 projects

Labels

cssgulphtmlsassminifyscsspugjadeimage-optimizationwebsite-skeleton

Projects that are alternatives of or similar to web-generator

generator-vintage-frontend
Modern front-end workflow
Stars: ✭ 15 (+15.38%)
Mutual labels:  gulp, pug, jade
frontend-starter-kit-with-gulp
Frontend Starter Kit with Gulp for either Themeforest Projects or customizable projects.
Stars: ✭ 34 (+161.54%)
Mutual labels:  gulp, minify, pug
Glup
Some of the gulp tutorial -《gulp笔记》
Stars: ✭ 136 (+946.15%)
Mutual labels:  gulp, minify, jade
pug-symfony
Pug (Jade) template engine for Symfony
Stars: ✭ 40 (+207.69%)
Mutual labels:  minify, pug, jade
Gulp Pug Sass Seed
🍹 A Pug and Sass starter project using gulp for task automation.
Stars: ✭ 84 (+546.15%)
Mutual labels:  gulp, pug, jade
Pug Sass Boilerplate Starter Kit
A Front-end template for building web apps or sites using Pug(Jade) and Sass
Stars: ✭ 92 (+607.69%)
Mutual labels:  gulp, pug, jade
Compile Hero
🔰Visual Studio Code Extension For Compiling Language
Stars: ✭ 169 (+1200%)
Mutual labels:  gulp, pug, jade
idiots.win
Google Autocomplete Guessing Game
Stars: ✭ 26 (+100%)
Mutual labels:  pug, jade
pypugjs
PugJS syntax adapter for Django, Jinja2 and Mako templates
Stars: ✭ 237 (+1723.08%)
Mutual labels:  pug, jade
emitty
A platform for finding dependencies between files and building tools for incremental compilation or build.
Stars: ✭ 69 (+430.77%)
Mutual labels:  pug, jade
web-starter-kit-gulp
Starter kit for automated front-end web development using Gulp, NPM, Bower, Babel, Sass, and Pug.
Stars: ✭ 35 (+169.23%)
Mutual labels:  gulp, pug
website-template
静的Webサイト制作を少しモダンにするためのテンプレート
Stars: ✭ 62 (+376.92%)
Mutual labels:  gulp, pug
pretty-harp-jade-skeleton
💀 Harp & Jade/Pug skeleton theme for a personal blog
Stars: ✭ 15 (+15.38%)
Mutual labels:  pug, jade
raven
Raven: a theme-able blog workflow with gulp, pug, sass, and markdown. Check out the demo here:
Stars: ✭ 16 (+23.08%)
Mutual labels:  gulp, pug
Frontend-StarterKit
Frontend StarterKit - [Gulp 4, Pug, SCSS, ES6+]
Stars: ✭ 13 (+0%)
Mutual labels:  gulp, pug
bit-css
用原子类赋予元素属性，减少甚至不写css
Stars: ✭ 19 (+46.15%)
Mutual labels:  pug, jade
gulp-pug-inheritance
Only build affected files when modify a Pug file.
Stars: ✭ 16 (+23.08%)
Mutual labels:  gulp, pug
pug-server
🐶 A simple pug server
Stars: ✭ 19 (+46.15%)
Mutual labels:  pug, jade
gulp-boilerplate
Gulp boilerplate
Stars: ✭ 24 (+84.62%)
Mutual labels:  gulp, pug
virtual-jade
Compile Jade templates to Hyperscript for Virtual DOM libraries
Stars: ✭ 31 (+138.46%)
Mutual labels:  pug, jade
View All Similar Projects ➔

web-generator

Basic web application tools and structure

technologies

  1. Pug (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

- del
- gulp
- gulp-autoprefixer
- gulp-concat
- gulp-connect
- gulp-contrib-copy
- gulp-express
- gulp-image
- gulp-livereload
- gulp-minify-css
- gulp-plumber
- gulp-pug
- gulp-sass
- gulp-sourcemaps-alpha
- gulp-uglify
- gulp-util

useage

run Gulp Task Runner

npm start or gulp

then open http://localhost:1453

output demo

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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].