Shrthnd is a handy tool that converts CSS properties into shorthand, making shorter and more readable stylesheets.
CSS JavaScript HTML
Switch branches/tags
Nothing to show
Clone or download

CSS Shorthand Generator

by Alexander Haniotis and Francis Marineau


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
$ cd shorthand
$ bower install
$ npm install
$ gulp


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


Montreal-based digital agency

@alexhaniotis @frankmarineau