ui elements one png file 66 Responses

Last post: 1 year, 2 months ago | Thread started: Apr 17, 12, 7:17 a.m.

RespondNew TopicDisable Images

• attentionspan

  I've seen this quite a few places, one big png file with all elements on it, and then using bg position to place them.

  Is there any advantage to using this technique? I'm thinking faster loading time since it doesnt have to load different images.

  Apr 17, 12, 7:17 a.m. – Permalink

• uan

  they are called "css sprites".

  • from 2009:
    http://coding.smashi…– uan

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earApr 17, 12, 7:24 a.m. – Permalink

• animatedgif

  Faster loading time, smaller memory footprint.

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earApr 17, 12, 7:30 a.m. – Permalink

• mekk

  - overall greater user experience, images appear faster @mouseover, even when in cache.
  - no asset bullshit with developers ("oh no, it was buttonxyz222.gif")
  - make a big grid and sort your assets in it!
  - make only one sprite/template!

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earApr 17, 12, 7:34 a.m. – Permalink

• doesnotexist

  ^

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earApr 17, 12, 7:34 a.m. – Permalink

• vaxorcist

  it works nicely, except if you have lots of tweeky changes that cause you to have to redo all the positioning if something gets bigger or smaller.

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earApr 17, 12, 7:42 a.m. – Permalink

• phatwrx

  SpriteRight App on apples app store is pretty nice and cheap too. Only works on OS X10.7+ though

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earApr 17, 12, 7:49 a.m. – Permalink