Css Sprites And Responsive Theme

[robotzki]

Hi,

 

I would like to combine most of the icons on my website into a css sprite. All of the Tutorials for using Sprites in Prestashop out there, are made for either PS 1.4 or 1.5 and are at least 1-2 years old. 

 

I was wondering if the same procedures such as the ones described in this article (http://doc.prestashop.com/display/PS16/Theme+development+fundamentals) are still valid to use, since every PS theme out there nowadays is responsive?  

 

 

[Daresh]

Sprites techniques are still valid of course, but these days the icons are more often fonts rather than images, better looks, scaling, coloring.

[robotzki]

Al right, thanks for that. I'm using a costume theme and there are a couple of pngs used as icons.

 

I will start combining those into a sprite now☺

[robotzki]

My concern had been, that when a theme is responsive and icons and images can scale, so they fit the size of mobile screens etc, I would loose the scalability when combining them into sprites

[Daresh]

I think it can be worked around, maybe with some use of background-size or other techniques, ex.:

http://stackoverflow.com/questions/9802935/how-to-use-css-sprites-within-a-responsive-design