Jekyll Gulp Sass Browser Sync
A starter project including full setup for Jekyll, GulpJS, SASS & BrowserSync
Overview:
The jekyll-gulp-sass-browser-sync project is a starter project that includes a full setup for Jekyll, GulpJS, SASS, AutoPrefixer, and BrowserSync. It offers file watching, browser synchronization, auto-rebuild, and CSS injecting. The project allows for easy deployment of the site build to a gh-pages branch.
Features:
- Jekyll: The project is built on the Jekyll static site generator.
- GulpJS: GulpJS is used for task automation and build processes.
- SASS: The project supports writing CSS using the SASS preprocessor.
- AutoPrefixer: AutoPrefixer automatically adds vendor prefixes to CSS properties for improved browser compatibility.
- BrowserSync: BrowserSync enables synchronized browser testing and live reloading of CSS and HTML.
Summary:
The jekyll-gulp-sass-browser-sync starter project provides a convenient setup for developing static sites with Jekyll and automating various tasks using GulpJS. It supports SASS for writing CSS, AutoPrefixer for browser compatibility, and BrowserSync for synchronized browser testing. The project also includes the ability to deploy the built site to a gh-pages branch with the help of Gulp.
- Jekyll
Jekyll is a static site generator written in Ruby that allows you to create simple, fast, and secure websites without the need for a database.
- SCSS
SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.
- Gulp
Gulp.js is an old but popular site building tool that automates various repetitive development tasks in web development, such as compiling Sass, minifying JavaScript, and optimizing images.