jekyll-gulp-sass-browser-sync - A starter project including full setup for Jekyll, GulpJS, SASS & BrowserSync

  •        14

Here's a 1.5min screencast showing what you get. And here's a GIF showing the CSS injecting.

https://github.com/shakyShane/jekyll-gulp-sass-browser-sync

Tags
Implementation
License
Platform

   




Related Projects

gulp-tutorial - Code examples for my Gulp.js tutorial series

  •    Javascript

These are the files for my series Introduction to Gulp.js published on my website stefanimhoff.de. Open gulp/config.js and change settings if needed. Only the rsync settings need to be adjusted. Change the destination to a path on your webserver and change hostname and username.

optimizedhtml-start-template - OptimizedHTML is all-inclusive, optimized for Google PageSpeed start HTML5 template with Bootstrap (grid only), Gulp, Sass, Browsersync, Autoprefixer, Clean-CSS, Uglify, Imagemin, Vinyl-FTP (+Rsync) and Bower (libs path) support

  •    Javascript

OptimizedHTML is all-inclusive, optimized for Google PageSpeed start HTML5 template with Bootstrap (grid only), Gulp, Sass, Browsersync, Autoprefixer, Clean-CSS, Uglify, Imagemin, Vinyl-FTP and Bower (libs path) support. The template contains a .htaccess file with caching rules for web server. OptimizedHTML Start Template uses the best practices of web development and optimized for Google PageSpeed.

Polyvia - Low-Poly Image and Video Processing

  •    Javascript

The video version uses Webcam to get video from your local camera. Be sure to allow it to do so.

generator-jekyllized - A Yeoman generator for Jekyll to rapidly build sites using Gulp

  •    Javascript

generator-jekyllized is a very opinionated Yeoman generator built with Jekyll and gulp. You will be able to quickly scaffold your site and start developing. As you are working on your site your assets will automatically be updated and injected into your browser as well as your posts. When you are done developing and want to publish it you are two commands away from having everything optimized and published. While developing locally everything you change will automatically be updated and injected into your browser. Changing your SCSS or JavaScript files will automatically updated them, create sourcemaps and inject them. Writing or editing posts and pages for your website will do the same. Simple and effective.

gulp-browser-sync - How to use the Browsersync module with gulp.

  •    Javascript

How to use the Browsersync module with gulp. Follow @browserSync for news & updates.


gulp-sass - SASS plugin for gulp

  •    Javascript

Sass plugin for Gulp. Before filing an issue, please make sure you have Updated to the latest Gulp Sass and have gone through our Common Issues and Their Fixes section.

react-rocket-boilerplate - A boilerplate written in ES6 using ReactJS (along with React Router and RefluxJS), SASS, Gulp, and Browserify

  •    Javascript

A boilerplate using ReactJS (along with React Router and RefluxJS), SASS, Gulp, and Browserify that also utilizes Gulp best practices from this resource. Now that gulp dev is running, the server is up as well and serving files from the /build directory. Any changes in the /app directory will be automatically processed by Gulp and the changes will be injected to any open browsers pointed at the proxy address.

angularjs-gulp-browserify-boilerplate - Boilerplate using AngularJS, SASS, Gulp, and Browserify and utilizing best practices

  •    Javascript

❗️ Warning: This boilerplate is no longer maintained and I would not recommend starting a new project with it. A boilerplate using AngularJS, SASS, Gulp, and Browserify that also utilizes these best AngularJS practices and Gulp best practices from this resource.

made-mistakes-jekyll - :ghost: Source for my website and blog (Jekyll + Gulp + Travis CI)

  •    CSS

This is the source code of Made Mistakes, a personal blog and portfolio built with Jekyll, Gulp, and Travis CI. Please note: Made Mistakes hasn't been "themed" like some of my other Jekyll repos and isn't compatible with the "default" GitHub Pages workflow without substantial alterations.

nkd - Template for jekyll project with postcss and browser-sync

  •    CSS

NKD just works. Start developing your prototype in jekyll without any of the boring setup. If you want to set this up as your own github project you'll want to do the following.

generator-react-gulp-browserify - A Yeoman Generator for facebook's React library

  •    Javascript

Yeoman generator for facebook's React library - Integrate with gulp and browserify. If you chose to use sass, you'll need to install it with gem install sass. If you find your css build results are empty, update your sass gem.

jekyll-assets - :art: Asset pipelines for Jekyll.

  •    Ruby

Jekyll Assets is a drop in asset pipeline that uses Sprockets to build specifically for Jekyll. It utilizes Sprockets, and Jekyll to try and achieve a clean, and extensible assets platform that supports plugins, caching, converting your assets. It even supports proxying of said assets in a way that does not interfere with either Sprockets, or Jekyll, or your own source. By default you can add Jekyll Assets to your Gemfile, as a plugin, and have it act as a drop-in replacement for Jekyll's basic SASS processors, with you only having to add it to your Gemfile, and updating your <img>, and <link>. The configuration file is the same as Jekyll's, which is _config.yml. Except we use the special key called assets inside of that file. All values listed below are default, you need not copy these into your configuration file unless you plan to change a value. Setting a value makes it explicit, and shared across both production, and development.

generator-m-ionic - Advanced workflows and setup for building rock-solid Ionic apps

  •    Javascript

Advanced workflows for building rock-solid Ionic apps: develop, prototype, test, build and deliver high quality apps with Yeoman, Gulp, Bower, Angular, Cordova and of course Ionic. All in one sexy generator. Read more ...

OptimizedHTML-4 - OptimizedHTML 4: Startup HTML template based on Gulp & Bootstrap 4

  •    CSS

OptimizedHTML is all-inclusive start HTML5 template with Bootstrap 4 (grid & reboot), Gulp, Sass, Browsersync, Autoprefixer, Clean-CSS, Uglify, Rsync and Bower (libs path) support. The template contains a .htaccess file with caching rules for web server. OptimizedHTML 4 Start Template uses the best practices of web development.

devopera - Repository for Dev.Opera source code

  •    HTML

We’ve rebuilt Dev.Opera as a static site, powered by Jekyll, Sass, and Gulp. In this repository, you find all the source files and content to build the site, make improvements, and submit new articles. Please install the EditorConfig plugin for your editor to keep code style declared in the .editorconfig file.

will-jekyll-template - A simple Jekyll theme.

  •    HTML

This is a simple and minimalist template for Jekyll designed for developers that want to write blog posts but don't want to care about frontend stuff. You have to fill some informations on _config.yml to customize your site.

cards-jekyll-template - A simple Jekyll Template Card Based.

  •    HTML

This is a simple and minimalist template for Jekyll designed for developers that want to write blog posts but don't want to care about frontend stuff. If you want to see this template in real action, take a look at my original site.

sassy-starter - :tada: Sassy starter - HTML / SCSS (SMACSS)

  •    CSS

For theming: add separate file (theme.scss) insrc/scss/themes/, override the default $theme variable, and run gulp themes. Developed by @MinaMarkham. Please list all bugs and feature requests in the Github issue tracker.