dhaffner / warhol

A small server and browser extension combination that allows for adding styles and scripts to a page on the fly. Supports arbitrary languages via the command line (i.e. CoffeeScript, SASS).

warhol

A small server and browser extension pairing that allows for adding styles and scripts to a page on the fly. Supports JavaScript, CSS. Allows for direct conversion from an 'extension' language such as Sass, LESS, or Coffeescript.

This extension draws on work and concepts from several previous extensions, namely:

• dotjs
• dotcss
• Greasemonkey
• Stylish

Installation

Open a terminal and check out the warhol repoitory:

$ git clone https://github.com/dhaffner/warhol
$ cd warhol

Server

Install the server portion of warhol via make.

$ make server

Extension

The Google Chrome extension can be installed manually:

1. Navigate to chrome://extension/
2. Check the box labeled 'Developer Mode'
3. Click 'Load unpacked extension' and select the chrome folder under your warhol directory.

An alternative method for installing the extension is available via make:

$ make extension

This will:

• Pack the chrome directory into a .crx
• Install it as an external extension
• Remove any previous installs of the same .crx file
• Relaunch Chrome

The make-extension script is provided as a convenience but can be easily edited to use alternative paths.

Usage