Follow Us:


Tricked Out Mods: Forums


 Forum FAQForum FAQ   SearchSearch   UsergroupsUsergroups   ProfileProfile   Log in to check your private messagesLog in to check your private messages   Log inLog in 

Sprites Fan
 
 
Post new topic   Reply to topic   print    Tricked Out News Forum Index -> RavenNuke
View previous topic :: View next topic  
Author Message
nextgen
I might as well work here
I might as well work here


Joined: Jun 28, 2009
Posts: 79
Location: Maryland

PostPosted: Thu Feb 02, 2012 12:14 pm 
Post subject: Sprites Fan
Reply with quote

I just added the userinfo block sprite mod by spastic and it is awesome. Could you explain a bit how that could be used for most images on a sites theme. It seems to load fast and would be a bunch less calls if i could do that with the themes images. Any links, tips or tid bits would be awesome friends.
  
Back to top
View user's profile Send private message Send e-mail Visit poster's website Yahoo Messenger MSN Messenger
bobby
Site Admin
Site Admin


Joined: Jan 20, 2009
Posts: 805


PostPosted: Thu Feb 02, 2012 12:20 pm 
Post subject:
Reply with quote

Instead of loading each image one at a time, a sprite is loaded once and css defines where a section of the sprite is displayed.

http://css-tricks.com/css-sprites/
_________________
Tricked Out News
  
Back to top
View user's profile Send private message Visit poster's website
montego
Regular
Regular


Joined: Dec 04, 2010
Posts: 19


PostPosted: Sat Feb 04, 2012 7:46 am 
Post subject:
Reply with quote

I think it does make sense for many of the smaller common icons that are used in many places. And, it would be even better if the CMS code be modified to use these common icons rather than every module having a potentially different look-and-feel.
  
Back to top
View user's profile Send private message Visit poster's website
spasticdonkey
Super Dev Donkey
Super Dev Donkey


Joined: May 08, 2009
Posts: 77


PostPosted: Sat Mar 03, 2012 2:15 pm 
Post subject:
Reply with quote

Thanks for the kind words nextgen Smile
In case you missed it on raven's site there is an alternate sprite pack available for the block http://www.ravenphpscripts.com/postt20295.html

It should give you a little background on how it is put together, as well as tips for customizing.

There are also the numbered list sprites, which are a questionable usage of sprites, and were only used to keep ie7 compatibilty. But here's some custom versions of those:
http://www.ravenphpscripts.com/postt20331.html

There are times sprites make sense, and other times they do not. For instance, I tried creating a sprite version of country flags, but the resulting background image was 60kb, plus a ton of css, which didn't make much sense to display a few flags on a given page. Although if every page of your site had 25 different flags on it, then it might start to make more sense...

Sprites are great for icons and image-mouseover effects, but not so great if the resulting sprite image and css becomes too large. Another recent approach to icons is using a custom icon font, which offers greater versatility regarding icon size, but may not be well supported on all platforms, such as mobile devices.

Guardian recently recommended html kickstart (very cool) which shows a good example of using a font for Icons/Glyphs.
http://www.99lime.com/elements/

or customize one at icomoon
http://keyamoon.com/icomoon/

and if you don't know how to use custom fonts, check out font squirrel (also very cool) which has ready to use font packs or a font face generator
http://www.fontsquirrel.com/fontface
http://www.fontsquirrel.com/fontface/generator

Just another approach that some may like Smile
  
Back to top
View user's profile Send private message Visit poster's website
Display posts from previous:       
Post new topic   Reply to topic   print    Tricked Out News Forum Index -> RavenNuke All times are GMT - 5 Hours
 
 Page 1 of 1
 
 

Jump to:   
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
You cannot attach files in this forum
You cannot download files in this forum

Powered by phpBB © 2001-2008 phpBB Group
Forums ©