chrisemoulton / shorthand

Shrthnd is a handy tool that converts CSS properties into shorthand, making shorter and more readable stylesheets.

CSS Shorthand Generator

by Alexander Haniotis and Francis Marineau

Tech

We're using a bunch of open-source projects:

• shrthnd.js - The CSS shortening engine
• Gulp - The streaming build system
• Angulpify - The yeoman generator used to scaffold this project
• Browserify - Used to structure the code and easily include npm-only css parsers
• Angular - JavaScript MVC Framework
• Ace Editor - For syntax highlighting and more

Setting up the environment

$ git clone [email protected]:frankmarineau/shorthand.git
$ cd shorthand
$ bower install
$ npm install
$ gulp

Server

Gulp will start a local server on port 8080 http://localhost:8080

Volume7

Montreal-based digital agency

@alexhaniotis @frankmarineau