Prefixr

Cross-Browser CSS in Seconds!



If you’re a coder who’s been longing for a tool that can easily help you prefixize your CSS 3 with the vendor prefixes, from within your coding environment, Prefixr API is the answer to your prayers!
You can easily run a part of your CSS, a few selections from it or the entire style sheet through the Prefixr API, and have the resultant prefixed document delivered either into a separate file or on the clipboard.

At present the Prefixr API can be accessed from any of the following popular code editors:

Command Line / Terminal
The Prefixr Command Line (CL) is a node package that can be employed for summoning the Prefixr API either on command line or in the node. Your queries can run through the Prefixr API within a second and the results can be sent to the terminal or a different file. You can use the node API which provides couple of basic function for running queries through the Prefixr API too.

OSX
You can easily install a Prefixr Service for OSX and drop it into ~/Library/Services. Now whenever you need to prefixize your entire CSS, or a part of it, all you’ll need to do is run the selection / complete style sheet through the Prefixr API by right clicking on it and then using the Prefixr service from within the ‘Services.’

Sublime Text 2
This is a plugin that runs your CSS selection/s through the Prefixr API, and delivers prefixized document/s ensuring that the whitespaces stay preserved. All you’ll need to do is download and install the package by employing the related command from within the command palette. Package Control usage will make sure that the Sublime Prefixr stays up to date automatically.

TextMate 2
Accessing the Prefixr API from inside the TextMate 2 is a walk in the park! It can be done using the command addition method. Simply run ‘Edit Bundles’ through ‘Bundles’ and then opt for the ‘CSS Bundle’ option. Thereafter click ‘New’ and then ‘Command’. Now just by pasting this command:
curl –sSd “css=$TM_SELECTED_TEXT” “http://prefixr.com/api/index.php you can access the Prefixr API to prefixize your style sheet in Text Mate 2.

Espresso
You can use Prefixr.sugar for adding the basic support for the Prefixr API service to Espresso. However, keep in mind that it’s important to install ShellActions.sugar first, in order to be able to use Prefixr.sugar.
Simply download and decompress the Prefixr.sugar files and rename it as ‘Prefixr.sugar’. Once done, just click to get the Espresso installation rolling! After successful installation, you can easily prefixize your entire CSS document or a part of it through Actions -> Prefixr -> Update Document or Selection

Alfred
You can easily integrate the Prefixr API into your favorite code editor by browsing to the Preferences -> Terminal and then adding a new shell command. Just make sure that ‘keyword’ is set to css3. Now paste this command:
curl -sSG "http://prefixr.com/api/index.php" --data-urlencode "css={query}" | pbcopy
Ensure that ‘Silent’ checkbox stays checked, enabling the request to run in the background. Now, you can easily run this command by using Alfred and typing ‘css3 border-radius: 5px;’ It’ll copy the different browser versions of border-radius to the clipboard.

Coda
The Prefixr API can also be used in the Coda coding environment using a simple Coda plugin. The plugin is simply available as ‘Prefixr’ and weighs only 38 kb. Once the plugin is installed, you easily summon the Prefixr API by using the ‘Ctrl + Alt + Cmd + U’ key combination on your selection in the CSS.

Phing (Build Script) and Ant
Prefixr API can also be easily used inside the build scripts or tools like Phing and Ant. You can simply use the build script and compress, prefixize and concatenate all or part of your style sheets by using a key combination.