Comments on: Learning CSS Sprites

By: Naoma Laopa

Naoma Laopa — Mon, 15 Jan 2024 16:01:00 +0000

These CSS rules are straightforward but effective. The portion of the image that is shown is determined by the background-position properties. http://bestrvextendedwarranty.com/

By: Rosa Mannelli

Rosa Mannelli — Wed, 06 Apr 2022 16:26:00 +0000

You might have a lot of those secondary files, and only two will be loaded at once. If you combine your template’s images into one big file, they all get downloaded at once, instead of two at a time. https://sanfranciscofoundationrepairnearme.com/piers-beams-installation-san-francisco-california/

By: Pooja

Pooja — Wed, 19 Oct 2016 13:06:00 +0000

After your article seeing, I thing I should learn more on CSS work. such a great work man. I can still make my website look more attractive by using some high quality CSS work and some of animation. Now my website is not so cool. Will make it soon. Genrontech.com

By: Gossip Everyday

Gossip Everyday — Tue, 29 Mar 2016 05:15:00 +0000

Hey man, very nice post. I have reading about CSS sprites at lots of places..but never actually thought of using it. Though have no clue if I can really use it.. But your articles giving me lot of suggestion and I will try and see if I can use it, else I will come back for questions…:) http://www.gossipeveryday.com

By: manish patel

manish patel — Sun, 14 Dec 2014 07:07:00 +0000

Wow , great tutorial .. instantguide.org

By: redwall_hp

redwall_hp — Sun, 08 Nov 2009 02:20:41 +0000

It does seem to be a much more elegant solution for navbars, and I've been using simple sprites for that for awhile now, but I'm just starting to get into more advanced ones. I'm currently working on a new version of the Webmaster-Source theme (same design, but with functionality and under-the-hood changes) that will put a bunch of the assorted images into a sprite. The logo, badges in the sidebar, things like that.

I only wish that it require so much trial and error to get the background offsets just right. I'm always off by a few pixels it seems, which means tweaking the numbers a little at a time until things line up properly.

By: @problogdesign

@problogdesign — Sat, 07 Nov 2009 17:57:44 +0000

Nice tutorial Matt. This is a perfect example of CSS sprites in use. They speed up loading times of course, but once you're used to working with them, I find that setting up a navbar like this with CSS sprites is actually easier than doing it any other way as well! Really useful trick

By: Harsh Agrawal

Harsh Agrawal — Fri, 06 Nov 2009 20:37:11 +0000

By: designfloat.com

designfloat.com — Fri, 06 Nov 2009 19:06:18 +0000

Learning CSS Sprites…

What exactly is a sprite? It’s a CSS technique that will greatly speed up your website….