WeBuilder 2014: Built-in, instant CSS prefixizer

[Distendo]

I can't find any info on the 'Built-in, instant CSS prefixizer' mentioned in the Webuilder 'What's New' page at http://www.webuilderapp.com/whatsnew.php

Anyone know anything I don't?

WeBuilder 2012.0.0.147

[Aivars]

Basically, if you use something that requires vendor prefixes to work (new CSS features) such as:

background: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet);

then prefixizer will add the required vendor prefixes such as -webkit-linera-gradient and -moz-linear-gradient etc to make sure this feature works in all browsers.

[Distendo]

Ok, thank you.
So if in my external css file I write something like:

.sideBox {box-shadow: 4px 4px 3px rgba(0,0,0,0.3);}

and on the menu bar click CSS>Prefixize css
it should turn that into something like:

.sideBox {box-shadow: 4px 4px 3px rgba(0,0,0,0.3); -webkit-box-shadow: 4px 4px 3px rgba(0,0,0,0.3);}
?

I haven't got that to work yet. I'm supposing I'm not doing something I need to do to get this to work.

[Aivars]

Not really, because box-shadow is supported by all browsers, even the pretty old ones so adding webkit-box-shadow would just pollute your css file. We tried to carefully pick only those that are really required, but you can also customize it by modifying <Webuilder Folder>\data\prefixizer.ini

[Distendo]

Interesting! I'll look into that anti-pollution advice.
Thank you.

[MaxA]

Not really, because box-shadow is supported by all browsers, even the pretty old ones so adding webkit-box-shadow would just pollute your css file. We tried to carefully pick only those that are really required, but you can also customize it by modifying <Webuilder Folder>\data\prefixizer.ini

Interesting point, Aivars.

Just for test trid to customize proposed .ini
I close the Webuilder, opened <Webuilder Folder>\data\prefixizer.ini file, add border-raduis and box-shadow to prefixize.
Opened the Webuilder and saved file.
There was the background-image: linear-gradient(to bottom, #5CC3FF, #0060BF); property also.
The background-image was prefixized, my added - no.
Undo changes.
Closed Webuilder.

Delete all content of the .ini
Start the program and apply the action to file.
Not working.
So .ini file is working, but I cannot customize it, can just delete something ....

[Aivars]

You need to both remove border-radius and box-shadow related entries from [standartize-properties] section of prefixizer.ini and add new entries to [prefixize-properties] section. See the attached screenshot and have fun!

[Aivars]

But seriously, the only one that needs -webkit-box-shadow is really old Android 2.3 built-in browser which is terrible beyond comprehension and I'm not sure it's even possible to find a browser in the wild which would support prefixed versions of border-radius