Archive for the ‘Usability’ Category

Goodbye to em’s…Welcome back pixel font sizes!?

Thursday, July 9th, 2009

Celebrate!Happy days to web designers and developers across the world.  There have been quite a bit of posts lately about dropping em values as font-sizes and switching back to pixel sizes.  This will definitely save headaches for lots of us.  Cameron Moll’s article explains some of the reasoning behind this but it makes all the sense in the world to us.

I also heard on a recent Boag World podcast that this would probably be adopted for the host’s company as well in their future developments.

Yes, em values as font sizes will scale the text larger when you set the browser’s text size larger but many modern browsers have replaced the shortcuts for this with page zooming instead.  Yes you run the risk of zooming in so much there is horizontal scrolling but I think if your text size is large enough overall you can eliminate this problem.

No need to go into further detail but you can read the full article and listen to the podcast using the links above in the page copy.

What are you other designers/developers going…

jQuery for added enhancements

Thursday, June 18th, 2009

jQuery LogoI thought I would write a little post about how jQuery can be used for little usability enhancements and effects.  Now I would never recommend using jQuery without some prior Javascript knowledge but you can definitely jump right into jQuery if you want.  I was fortunate enough to learn enough Javascript over the past year (see DOM Scripting by Jeremy Keith) where I have really been able to use jQuery to its full potential.  For those of you that don’t know jQuery is a Javascript library that takes out a lot of the tedious coding that is required in Javascript.  The packed version is only 19kb so the added functionality is definitely worth it.  Now onto some examples.

One of our most recent clients, MVP Software Inc., wanted to make use of some scrolling and fading elements.  Now a year ago I would have used some simple flash elements.  I know now that this is just overkill.  Using jQuery and the InnerFade plugin we were able to successfully rotate the client testimonials (RANDOMLY)  in the header (see the header on any page)…