https://github.com/zikju/gulpwebstarter

Start optimized HTML5 template development via Gulp 4
https://github.com/zikju/gulpwebstarter

bootstrap gulp gulp4 html5 jquery lazyload scss starter starter-app starter-kit starter-project starter-template template

Last synced: 2 months ago
JSON representation

Start optimized HTML5 template development via Gulp 4

• Host: GitHub
• URL: https://github.com/zikju/gulpwebstarter
• Owner: zikju
• Created: 2020-04-07T18:30:45.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2020-05-03T20:51:24.000Z (about 6 years ago)
• Last Synced: 2026-01-03T17:20:01.658Z (6 months ago)
• Topics: bootstrap, gulp, gulp4, html5, jquery, lazyload, scss, starter, starter-app, starter-kit, starter-project, starter-template, template
• Language: JavaScript
• Size: 681 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

          
Gulp Web Starter

Lightweight startup HTML5 template, based on Gulp.


Gulp Web Starter - lightweight startup HTML5 template with Gulp 4, SCSS, Browsersync, Autoprefixer, Uglify-ES, Clean-CSS, Rsync, CSS Reboot (Bootstrap reboot).

 
It uses best practices for responsive images optimizing and contains a .htaccess file for resources caching (images, fonts, HTML, CSS, JS and other content types).


How to use:


git clone https://github.com/zikju/GulpWebStarter.git




	
Clone or Download from GitHub

	
Install Node Modules: npm i



	
Run: gulp





Main Gulp tasks:




	


gulp: run default gulp task (images, styles, scripts, browsersync, startwatch)

	


cleanimg: Clean all compressed images

	


styles, scripts, images, assets: build assets (css, js, images or all)

	


rsync: project deployment via RSYNC





Basic rules




	
All custom scripts located in app/js/app.js



	
All custom styles located in app/scss/main.scss



	
All preprocessor configs placed in app/scss/_config.scss



	
All images sources placed in app/images/src/ folder.



Included features




	


bootstrap-reboot - Bootstrap Reboot CSS collection

	


		_breakpoints.scss - Bootstrap Breakpoints mixin (available only for sass and scss)

		


bootstrap-grid (optional) - Bootstrap Grid collection

		


jQuery (latest) - jQuery library

		


Vanilla LazyLoad - LazyLoad is a lightweight and flexible script that speeds up your web application by deferring the loading of your below-the-fold images, videos and iframes to when they will enter the viewport.



Caching


Rename ht.access to .htaccess before place it in your web server. This file contain rules for htaccess resources caching.


Issues




	
Long Preprocessor compile: Disable the "safe write" option in PHPStorm settings.