Standardized icon library to be used by FlUID apps

Chong, John jchong at
Wed Jan 28 22:53:50 UTC 2009

Hi Jacob,


I have tried the scalable fx option in the past and found it hit and
miss. The image interpolation and edge enhancements I have not tried yet
but I'll give them a shot; hopefully they'll be the panacea I'm looking
for. :-)


I think your suggestion of mating certain size icons to a specific css
would be very useful. I can see where the layout of a page could be
affected and hence its usability. I've utilized CSS sprites on a few of
our sites in the past and they work very well in terms of reducing http
requests. It obviously requires a bit more work with the css but the
drop in bandwidth would be worth it depending on how much the traffic
the page gets.  


Thanks again for all your great input!


John Chong

Web Design and Usability Specialist

UBC | Information Technology


jchong at


From: Jacob Farber [ at] 
Sent: January 28, 2009 1:35 PM
To: Chong, John
Cc: Allison Bloodworth; fluid-work List
Subject: Re: Standardized icon library to be used by FlUID apps


Hi John,

Just some quick points: I think the Fugue icons are a nice start; As far
as I know, Photoshop does have a several methods for maintaining the
quality of re-sampled bitmaps. If your the original author, there is the
scalable effects option when re-sampling vector/bitmap artwork to a
different size, but its only of use when your not working with sub-pixel
dimensions in your artwork (which you never should be with icons
anyway)...other than that, you might want to look at changing the Image
Interpolation option or using the Edge Enhancement filter.... 

But my main point is this: when it comes to scalable icons we have
something specific in mind which works with the fss stuff, and doesnt
work with re-sampling images. Im prepping some CSS classes to work with
icons/images to load up various sizes depending on the class names
involved. So for example, if you have a toolbar with icon images roughly
16px x 16px, if you loaded one of our larger font class names you might
get icons 32 x 32 or 24 x 24 etc. the switch would be seamless, and
utilize CSS sprites.

Sound useful?

-------------- next part --------------
An HTML attachment was scrubbed...
URL: <>

More information about the fluid-work mailing list