The background-size property is a stable CSS 3.0 that is supported by all modern browsers, including IE9. Using PNG (24) for background-image sprites is so much faster for HTML websites that there is no real choice. In real (sprint demo) life HTML website development, time is money. But since it’s written front-end developer on my paychecks, not designer, it is hard to justify my time spent in a drawing software instead of a (code) text editor. In some case, when I have free time, I lunch my FreeInk app and RE-design my icons as SVG image. Must of the designers at my job create their icons in Photoshop pixels.
This LESS mixin will resize a background-image, via the CSS3 background-size property, so this single PNG image sprite file can be resized and reused for all icons sizes that are lower or equal to the originals.
0 kommentar(er)
