Automated CSS3 Generator Plugin
Version
1.5.3 (last update on Jul 25, 2011)
Rating
Compatibility
Votes
Favoured
5
License
GPLv2 or later
Commercial
Type
Views
8726
Date Added
7 May 2011
Editor's Note
- This extension requires registration to download.
Anyone who has tried to add CSS3 to their site knows how difficult and time consuming it is to figure out the correct code for the correct browsers. Also, how do I make it work with IE? Wonder no more! With the Automated CSS3 Generator Plugin all you need to do is enter the values for the CSS3 you need and it does the rest... even in IE! It also only outputs the CSS for the browser you are using so you won't need 4 lines of CSS to do a simple rounded corner anymore. It literally saves HOURS of development time and gives you options you didn't have before.
Automated creation of the most popular CSS3 commands
CSS3 example samples from each browser We have included the most widely used (and wished for) CSS3 graphic elements to give you options you didn't have before:
thumb-css3-example-navigation
Rounded corners
Drop shadow
Gradients
RGBA
Opacity
Rotate
Text shadow
Border image (limited support)
CSS3 example on inputs.
This plugin is incredibly flexible! Unlike many other cross-browser CSS3 solutions, with this you can use it on navigations, input boxes, page containers, etc.. It can be used on :hover states as well. The way that it's created the output will usually overwrite the current style you are changing so there is little to no conflicts.
Easy to use!
thumb-css3-admin Knowing how to structure CSS3 for different browsers can be difficult, so we created a custom shorthand code that's easy to understand and use. For example, if you want you create rounded corners on a container with a class of "container" that's on the left side and the left side has an ID of "left" you would enter the following into the plugin under the rounded corner textarea:
#left .container {
topleft_radius:8,
topright_radius:8,
bottomright_radius:8,
bottomleft_radius:8,
support_ie:yes;
};
We have added in a statement that allows you to turn IE support on or off in case there is an issue with it and you either don't want it at all in IE or you have your own solution for it. It will still output to all other browsers correctly.
Improved site performance
With less images and reduced HTTP Requests you will see a noticeable increase in site performance. We have noticed an average of 20K-40K stripped out of sites that converted from images to CSS3.
Improve your SEO
Enjoy SEO improvements in Google's site ranking with less HTTP Requests and less images
I bought this plugin because my CSS skills are limited and I didn't have the desire nor the time to figure out how to get the look I wanted. This plugin works as promised, but more importantly, the service I received when I had a few questions was top notch. The support went above and beyond what I expected and I wouldn't hesitate to purchase another one of their products (in fact, I already have - their excellent jomCDN plugin).
If you can do the coding yourself and you understand all of the compatibility issues related to CSS3 buttons, good for you. But if you want to speed things up and make it easier, definitely check this plugin out!
If you can do the coding yourself and you understand all of the compatibility issues related to CSS3 buttons, good for you. But if you want to speed things up and make it easier, definitely check this plugin out!
Forget about spending hours of coding css slicing images to make rounded corners and drop shadows in your template and modules. You just pick an element from your template that you want rounded corners on, assign it in the plugin parameters then POOF, instant rounded corners in ALL browsers. The plug-in also worked seamlessly with the Gantry template framework. I can’t thank you enough for the amount of development time this saved me. Two thumbs up for a ground breaking extension!
