addressalign-toparrow-leftarrow-rightbackbellblockcalendarcameraccwchatcheckchevron-downchevron-leftchevron-rightchevron-small-downchevron-small-leftchevron-small-rightchevron-small-upchevron-upcircle-with-checkcircle-with-crosscircle-with-pluscrossdots-three-verticaleditemptyheartexporteye-with-lineeyefacebookfolderfullheartglobegmailgoogleimageimagesinstagramlinklocation-pinmagnifying-glassmailminusmoremuplabelShape 3 + Rectangle 1outlookpersonplusprice-ribbonImported LayersImported LayersImported Layersshieldstartickettrashtriangle-downtriangle-uptwitteruseryahoo

Make your site load faster with CSS Sprites

  • Needs a date

  • Needs a location

  • Did you know that you can increase performance of your site just by limiting the number of images the browser needs to download?

    CSS Sprites is a popular technique where you place all your imagery into one single image file. Then you use CSS positioning to display the images where needed. It's also a great technique for rollover and suckerfish type interactions.

    The benefit is that the client only needs to fetch one image for your entire site. Since this image is cached right away by the browser, your site will appear more zippy and will load much quicker as the user navigates your site.

    This meetup will introduce to CSS Sprites and teach you how to apply them to your own projects:

    - Introduction to CSS Sprites
    - Live coding example
    - CSS Sprite generators
    - When to use them, and when not to
    - Fancy rollover and suckerfish techniques

    If you care about performance and load times, then this event will be for to you.

    If you want to help present this topic, then please contact us.

Join or login to comment.

  • Michael B.

    Thanks Marie. I use this all the time in my own projects. It does take a little more work, but the CSS Sprite utilities make them more easy to work with. I end up using them a lot with CSS Buttons with a technique called "sliding doors".

    Let's see how many votes this gets, and we will put a presentation together.

    August 14, 2010

  • Marie-Anne V.

    Love this idea!! Thanks Michael!

    August 13, 2010

Want to go?

Join and RSVP

1 going

  • Michael B.

    I'm an organizer for Boston PHP, and Northeast PHP. I've been in the software business for over... more

Our Sponsors

People in this
Meetup are also in:

Sign up

Meetup members, Log in

By clicking "Sign up" or "Sign up using Facebook", you confirm that you accept our Terms of Service & Privacy Policy