Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/nusu/generator-yaver
yaver is simplest way to scaffold and bootstrap your stylus based front-end stack.
https://github.com/nusu/generator-yaver
bootstrapper stylus stylus-environment yeoman yeoman-generator
Last synced: 20 days ago
JSON representation
yaver is simplest way to scaffold and bootstrap your stylus based front-end stack.
- Host: GitHub
- URL: https://github.com/nusu/generator-yaver
- Owner: nusu
- License: mit
- Created: 2016-12-19T12:12:37.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2018-04-02T08:43:41.000Z (almost 7 years ago)
- Last Synced: 2024-10-05T12:42:51.410Z (3 months ago)
- Topics: bootstrapper, stylus, stylus-environment, yeoman, yeoman-generator
- Language: CSS
- Homepage:
- Size: 2.13 MB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# generator-yaver [![NPM version][npm-image]][npm-url] [![Build Status][travis-image]][travis-url] [![Dependency Status][daviddm-image]][daviddm-url] [![Coverage percentage][coveralls-image]][coveralls-url]
> yaver is simplest way to scaffold and bootstrap your stylus app.
## Installation
First, install [Yeoman](http://yeoman.io) and generator-yaver using [npm](https://www.npmjs.com/) (we assume you have pre-installed [node.js](https://nodejs.org/)).
```bash
npm install -g yo
npm install -g generator-yaver
```
Then generate your new project:
```bash
yo yaver
```
After yaver you can simply run:
```bash
gulp
```
And you're ready to develop your new app!
## What is yaver?
Yaver means aide in Turkish, I designed it based on my daily requirements
## Capabilities
Yaver uses [Stylus](https://github.com/stylus/stylus/) as preprocessor, it comes with series of useful mixins and css files of chosen jquery plugins.
uses [gulp](https://github.com/gulpjs/gulp) as task builder and it comes with these tasks:
- compile stylus files
- concat, uglify javascript files
- convert images to webp format
- compress images
- browser-sync
Jquery plugins you can add within cli:
- [Select 2](https://github.com/select2/select2)
- [Owl Carousel 2](https://github.com/OwlCarousel2/OwlCarousel2)
- [Light Slider](https://github.com/sachinchoolur/lightslider)
- [Dropzone](http://www.dropzonejs.com/)
- [Viewport Units Buggyfill](https://github.com/rodneyrehm/viewport-units-buggyfill)
- [Cookie.js](https://github.com/js-cookie/js-cookie)
Fonts:
Yaver automatically imports selected fonts in stylus
- Font Awesome
- Proxima Nova
- Montserrat
- Avenir Next
- Museo Sans
Stylus:
- Bootstrap 3
yaver uses [bootstrap 3 stylus](https://github.com/maxmx/bootstrap-stylus) as predefined css framework, it's modular so you can exclude unnecessary parts.
## Filetree
[![File Tree][file-tree]][file-tree]
## Changelog
---
### 2.1.0
- now yaver creates nice looking demo assets for js plugins, only owl carousel 2, cookie.js and viewport-buggyfills are supported for now
- animation library add ( documentation soon )
to-do:
- parallax.js, rellax.js, nuscroll.js, google-map.js
## License
MIT © [nusu alabuga](https://github.com/nusu)
[file-tree]: http://i65.tinypic.com/oh1ic2.png
[npm-image]: https://badge.fury.io/js/generator-yaver.svg
[npm-url]: https://npmjs.org/package/generator-yaver
[travis-image]: https://travis-ci.org/nusu/generator-yaver.svg?branch=master
[travis-url]: https://travis-ci.org/nusu/generator-yaver
[daviddm-image]: https://david-dm.org/nusu/generator-yaver.svg?theme=shields.io
[daviddm-url]: https://david-dm.org/nusu/generator-yaver
[coveralls-image]: https://coveralls.io/repos/nusu/generator-yaver/badge.svg
[coveralls-url]: https://coveralls.io/r/nusu/generator-yaver