Archive for CSS / HTML / JavaScript

Web site navigation

One of the most critical pieces of functionality on a web site is it navigation scheme. Unfortunately most sites out there fail in this critical area, here’s a few things to consider when designing yours (note that this is not an exhaustive list, nor does it cover all possible options).

Technology: make sure that folks with older browsers, text-only browsers (E.g. Lynx) and Braille readers are able to “see” and navigate your site. Avoid using technology such as Flash, not only does the user have to have Flash installed (although most computers do), but search engines and text-only browsers will fail to pickup on your links. I know this doesn’t apply to everyone… if you are in a niche, high-technology market, then you may be able to expect your visitors to have Flash (this goes for JavaScript as well).

Placement: unfortunately there’s limited choice here… you need the navigation above the fold and based up on the number and length of copy of your primary navigation items you will be choosing either a horizontal or vertical orientation. This might sounds obvious, but I’ve seen clients insist on on squeezing massive amounts of copy in every link and placing all links at the top level. Think your Sitemap through before deciding how to layout and allow visitors to navigate your site, and make the navigation consistent across the site.

Design: do you really need to use buttons with roll-overs for your navigation? Try keeping it simple, you can still have a professional design without creating a heavy feeling navigation which uses JavaScript(s), roll-overs, large graphics, etc.

###

Alpha transparency for PNGs unsupported in IE 6

Incredible, I guess you learn something new every day. I didn’t know that IE 6 (and earlier) did not support the alpha transparency in PNG files.

I Googled it… apparently a lot of other people have come across this issue. Honestly I was tempted to tell my readers to upgrade to IE 7 or use Firefox instead, but decided that wouldn’t be a good example to set to my readers.

The solution I found was this on Bob Osola’s site: “The PNG problem in Windows Internet Explorer“.

###