Re: [css-d] Best Practices For Sprites?

2011-09-27 Thread David Hucklesby
On 9/26/11 12:49 PM, Elli Vizcaino wrote: I usually have a standard sprite which contains icons that never repeat. A horizontal sprite which contains all of my button/ribbon treatments as we use sliding door method a great deal. And on occasion I also have a vertical sprite which contained

Re: [css-d] Best Practices For Sprites?

2011-09-27 Thread Elli Vizcaino
Yes. One consideration is the technique you use to add sprite images. My favorite technique for most - not all - is to add them using :before or :after content, and to position the pseudo-element absolutely. [...] David would mind sharing some links to the various techniques you have/there

Re: [css-d] Best Practices For Sprites?

2011-09-26 Thread Davies, Elizabeth
leaves lurk mode I usually have a standard sprite which contains icons that never repeat. A horizontal sprite which contains all of my button/ribbon treatments as we use sliding door method a great deal. And on occasion I also have a vertical sprite which contained elements that repeat

Re: [css-d] Best Practices For Sprites?

2011-09-26 Thread Elli Vizcaino
leaves lurk mode I usually have a standard sprite which contains icons that never repeat. A horizontal sprite which contains all of my button/ribbon treatments as we use sliding door method a great deal. And on occasion I also have a vertical sprite which contained elements that repeat

Re: [css-d] Best Practices For Sprites?

2011-09-26 Thread David Hucklesby
On 9/26/11 8:46 AM, Elli Vizcaino wrote: leaves lurk mode I usually have a standard sprite which contains icons that never repeat. A horizontal sprite which contains all of my button/ribbon treatments as we use sliding door method a great deal. And on occasion I also have a vertical sprite

Re: [css-d] Best Practices For Sprites?

2011-09-26 Thread Elli Vizcaino
I usually have a standard sprite which contains icons that never repeat. A horizontal sprite which contains all of my button/ribbon treatments as we use sliding door method a great deal. And on occasion I also have a vertical sprite which contained elements that repeat vertically such as

[css-d] Best Practices For Sprites?

2011-09-25 Thread Elli Vizcaino
Hello CSS Discuss, Wanted to know if there are any standard rule of thumb one should follow when creating sprites? For example, should one place all images on one image sheet (for lack of a better word) or use separate image sheets (how I plan) to create sets for different parts. For example

Re: [css-d] Best Practices For Sprites?

2011-09-25 Thread Rob Emenecker
Wanted to know if there are any standard rule of thumb one should follow when creating sprites? My preference is one sheet, provided that the file size does not grow to a point that it is a hindrance. With one file, you avoid the lag of image loads for :hover and such, because the file is

Re: [css-d] Best Practices For Sprites?

2011-09-25 Thread Elli Vizcaino
Wanted to know if there are any standard rule of thumb one should follow when creating sprites? My preference is one sheet, provided that the file size does not grow to a point that it is a hindrance. With one file, you avoid the lag of image loads for :hover and such, because the file

Re: [css-d] Best Practices For Sprites?

2011-09-25 Thread Kevin A. Cameron
You also have to consider bandwidth vs likelihood of the image being required. I had been putting together a sprite of hundreds of icons. This image ended up being very large, and didn't make sense for every user to download all these images when perhaps they only needed 1. I ended up breaking

Re: [css-d] Best Practices For Sprites?

2011-09-25 Thread Elli Vizcaino
You also have to consider bandwidth vs likelihood of the image being required. I had been putting together a sprite of hundreds of icons. This image ended up being very large, and didn't make sense for every user to download all these images when perhaps they only needed 1. I ended up