Standardized icon library to be used by FlUID apps

Jacob Farber jacob.farber.work at gmail.com
Thu Jan 29 01:05:09 UTC 2009


I would love to know how you're implementation of css sprites went, and
perhaps if you have any advice before we try anything with them.

Jacob
On Wed, Jan 28, 2009 at 5:53 PM, Chong, John <jchong at exchange.ubc.ca> wrote:

>  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. J
>
>
>
> 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
>
> 604-822-3395
>
> jchong at exchange.ubc.ca
>   ------------------------------
>
> *From:* Jacob Farber [mailto:jacob.farber.work at gmail.com]
> *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?
>



-- 
Jacob Farber
University of Toronto - ATRC
Tel: (416) 946-3002
www.fluidproject.org
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://fluidproject.org/pipermail/fluid-work/attachments/20090128/7887dd98/attachment.html>


More information about the fluid-work mailing list