Automated CSS3 Generator Plugin
A powerful Joomla! plugin to automate the creation of cross-browser CSS3 for any Joomla! template.
Save yourself HOURS of time, less HTTP Requests, reduce download time (which can increase your SEO rating) and remove extra div tags with our Automated CSS3 Generator Joomla! Plugin. Images are often used to simulate the look of CSS3. Adding rounded corners and drop shadows can easily add 40K+ to your page load and they add bloat to your site with extra div tags. Not to mention all the time it takes to create. CSS3 is the perfect solution!
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.
Features
Automated creation of the most popular CSS3 commands
We have included the most widely used (and wished for) CSS3 graphic elements to give you options you didn't have before:
- Rounded corners
- Drop shadow
- Gradients
- RGBA
- Opacity
- Rotate
- Text shadow
- Border image (limited support)
Flexible!
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!
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 to download decreasing your site load time.
Testimonials
This plugin is simply amazing! It saves me hours of coding css to support rounded corners and drop shadows for my template and modules. You just pick an element from your template 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!
—Nick Martinelli


