Data URI [CSS] Sprites 1.5 - a unique automatic CSS sprite generator

Those who follow articles about client optimization already know the modern approach to creating CSS sprites based on data: uri technology. This approach has significant advantages:

• absolute minimization of connections to the server behind the images defined in css - it is already impossible to do even less.
• Full 100% automation of the process of creating sprites, regardless of the properties of backgroud-position and background-repeat.
• preload all images defined in css, which are necessary for the site.

Who wants to refresh the memory or read the previous articles can read the articles The modern approach to the generation of CSS sprites and automate the process of assembling css sprites

This night another major update came out:

1. many bugs caught and fixed
2. Added correction paths type _http: //site.com/../image.png, _http: //site.com/../../../image.png - they are equal to _http: //site.com/ image.png
3. Added correct processing of multi filter definitions, for example filter: alpha (opacity = 50) progid: DXImageTransform.Microsoft.AlphaImageLoader (src = 'images / chart / buttons / prev.png', sizingMethod = 'crop')
4. Added insert for IE8 filter alphaimageloader properties in standard format
5. Added correct css hack processing for safari media screen and (-webkit-min-device-pixel-ratio: 0)
6. the order of formation of the resulting script, from a set of scripts, in the sequence of placing the source scripts in the page
7. HTML compressor added
8. Added display of compression / optimization percentage
9. added processing attribute duris: interal = "1 | true" - which turns the external script into internal and inserts it into the current location of the external
10. Added processing of duris attribute: nomerge = "1 | true" - which prohibits combining script / style with others into one resulting script / style
11. Added the ability to view the results online
12. added image optimization through Smush.It service

')
Regarding paragraphs 9 and 10 , special attributes were introduced that allow you to customize the processing of a particular script / style regardless of the general settings. In the resulting file, these attributes are cleaned and missing.

for example external script
<script style = "text / javascript" duris: interal = "1" src = "checkbrowser.js">
after processing will turn into internal.

Item 11 is a separate large update and our gift for developers. Now you can view the results of processing your site so to say "without departing from the cash register"! For online viewing you will need to register. Google account holders (@ gmail.com), Yahoo! (@ yahoo.com), Yandex (@ yandex.ru) can be not registered, the system supports logging in with these accounts.

I think there are still some shortcomings, bazhki, of which we ask you to immediately report so that we can please you with the flawless work of our service. If you have any suggestions or comments with great interest, we will listen and discuss them.

duris.ru