Sublime Text Prefixr
I just came across this plugin for Sublime Text which auto generate the correct CSS3 properties for all browsers... so I thought I should share it.
From your package control type: Prefixr to install it and that's it.
Now see sample of how it works.
Copy the whole container class
On Mac do "cmd x" or go to edit and click on "Prefixr" and see what you get.
isn't that amazing?
Reference: http://prefixr.com/
Written by Shina Charles Memud
Related protips
4 Responses
This is great! Thanks for the share.
Nice plugin --- you should also take a look at using scss with compass's css3 mixins. You can achieve the same result by using something like "@include background-image(linear-gradient(white, #ebebeb));" and it will compile with all of the vendor specific properties
@nahimnasser ... actually I just started using sass and I didn't know "@include" compiles to all browser properties. Thanks for the tips!
Sorry --- just to be more clear:
@include is way to use a mixin inside a selector. What I was referring to was Compass's CSS3 mixins. Compass provides some commonly used mixins for you to use, such as pre-defined vendor prefixes on common elements like border-radius, background, etc.
For more info on mixins in sass, take a look here: http://sass-lang.com/tutorial.html
And for more info on compass's mixins, take a look here:
http://compass-style.org/reference/compass/css3/
Hopefully I didn't cause too much confusion.
Cheers
Have a fresh tip? Share with Coderwall community!
