Last Updated: September 09, 2019
·
2.065K
· shinamee

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
Picture

On Mac do "cmd x" or go to edit and click on "Prefixr" and see what you get.
Picture

isn't that amazing?

Reference: http://prefixr.com/

4 Responses
Add your response

This is great! Thanks for the share.

over 1 year ago ·

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

over 1 year ago ·

@nahimnasser ... actually I just started using sass and I didn't know "@include" compiles to all browser properties. Thanks for the tips!

over 1 year ago ·

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

over 1 year ago ·