https://github.com/tiagoporto/generator-swill-boilerplate

:beer: The front-end Boilerplate that you need to start easily customizable multi-device development.
https://github.com/tiagoporto/generator-swill-boilerplate

autoprefixer boilerplate css es2015 es2016 es2017 eslint generates-sprites generator gh-pages gulp handlebars html-validation javascript sass stylus swill-boilerplate unit-testing yeoman yeoman-generator

Last synced: about 1 month ago
JSON representation

:beer: The front-end Boilerplate that you need to start easily customizable multi-device development.

• Host: GitHub
• URL: https://github.com/tiagoporto/generator-swill-boilerplate
• Owner: tiagoporto
• Archived: true
• Created: 2014-01-27T20:27:47.000Z (almost 11 years ago)
• Default Branch: master
• Last Pushed: 2021-01-25T01:58:19.000Z (almost 4 years ago)
• Last Synced: 2024-09-26T10:42:35.857Z (about 1 month ago)
• Topics: autoprefixer, boilerplate, css, es2015, es2016, es2017, eslint, generates-sprites, generator, gh-pages, gulp, handlebars, html-validation, javascript, sass, stylus, swill-boilerplate, unit-testing, yeoman, yeoman-generator
• Language: JavaScript
• Homepage: https://tiagoporto.github.io/swill-boilerplate
• Size: 16.9 MB
• Stars: 37
• Watchers: 5
• Forks: 16
• Open Issues: 5
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md

Awesome Lists containing this project

README

        
# Swill Boilerplate Generator ![Open Source Love](https://badges.frapsoft.com/os/v3/open-source.svg?v=103)



  LIKED ? Leave a ⭐ : 😞



[![Release](https://img.shields.io/npm/v/generator-swill-boilerplate.svg?style=flat-square&label=release)](https://npmjs.org/package/generator-swill-boilerplate)

[![Downloads](https://img.shields.io/npm/dt/generator-swill-boilerplate.svg?style=flat-square)](https://www.npmjs.com/package/generator-swill-boilerplate)

[![js-standard-style](https://img.shields.io/badge/code%20style-standard-yellow.svg?style=flat-square)](http://standardjs.com)

[![Build Status](https://img.shields.io/travis/tiagoporto/generator-swill-boilerplate/master.svg?style=flat-square&logo=travis&label=test)](https://travis-ci.org/tiagoporto/generator-swill-boilerplate)

[![Coverage Status](https://img.shields.io/coveralls/tiagoporto/generator-swill-boilerplate.svg?style=flat-square)](https://coveralls.io/github/tiagoporto/generator-swill-boilerplate)

[![Dependencies Status](https://img.shields.io/david/tiagoporto/generator-swill-boilerplate.svg?style=flat-square)](https://david-dm.org/tiagoporto/generator-swill-boilerplate)

[![devDependencies Status](https://img.shields.io/david/dev/tiagoporto/generator-swill-boilerplate.svg?style=flat-square)](https://david-dm.org/tiagoporto/generator-swill-boilerplate?type=dev)



  

  



> Yeoman generator for [Swill Boilerplate](https://tiagoporto.github.io/swill-boilerplate)

## Features

* Cleans the assets (build, images, CSS, JS) in the project to maintain the directory organization

* Compresses Images

* Generates Sprites with .png

* Generates Sprites with .svg and a .png to fallback

* Analyzes CSS with CSS Lint

* Prefixes CSS with Autoprefixer

* Compiles Sass or Stylus (Catches Stylus errors and shows them directly on the page, as in Sass)

* Combines matching media queries into one

* Concatenates and minifies scripts

* Analyzes JavaScript with ESLint

* Compiles ES2015, ES2016 and ES2017

* Validates HTML

* Notifies when tasks are complete

* Monitors changes in the files and reloads the browser with BrowserSync

* Uses Jasmine & Karma to test JavaScript

* Builds the project compressing HTML, CSS and JS

* Pushes the `build` folder to gh-pages branch

* Uses [JavaScript Standard Style](http://standardjs.com)

## Installation

If you have [email protected] or highest

```bash

npx -p yo -p generator-swill-boilerplate yo swill-boilerplate

```

If lower [email protected]

```bash

npm install -g yo generator-swill-boilerplate

```

Then generate your new project:

```bash

yo swill-boilerplate

```

## Docs

[Swill Boilerplate](http://swillboilerplate.rocks)