CSS Sprites are evil, don't use them!
After numerous articles (in Russian and English ) on the use of styles for Rollover effects, reducing the delay in opening the page and the load on the server, I want to criticize the use of CSS Sprites. As a more mature and powerful method, you can suggest the use of
What problems does the layout designer face when using sprites? These are, first of all, problems of changing each specific picture in the general array. Not only do you need to open the resource image, find in it the area corresponding to this small image (which is changing), and replace it without losing the palette with all the changes. Also, when changing the location of pictures in the resource file (for example, they redistributed the free space due to the next design changes), you need to recalculate all coordinates and enter the correspondence in the CSS file.
')
read further on webo.in →
data:URL and a number of additional techniques. In my opinion, the scope of CSS Sprites is very limited, I want to try to identify it with this article and indicate when it is better not to use them.Problems with layout
What problems does the layout designer face when using sprites? These are, first of all, problems of changing each specific picture in the general array. Not only do you need to open the resource image, find in it the area corresponding to this small image (which is changing), and replace it without losing the palette with all the changes. Also, when changing the location of pictures in the resource file (for example, they redistributed the free space due to the next design changes), you need to recalculate all coordinates and enter the correspondence in the CSS file.
')
read further on webo.in →
Source: https://habr.com/ru/post/28177/
All Articles