Web design and coding
I know the trend with Web 2.0 and "web applications" these days is to add many whiz-bang features and animations but this can come at the cost of usability. I remember the first time I saw Google Maps in 2005 where you could drag and zoom the map with the mouse. It was cool and AJAXy but at the same time I was sad because I knew my old Powerbook at home would never be able to use it.
Accessibility and Usability
Can everyone visiting your web site actually use it? Federal government web sites must follow Section 508 standards for accessibility and there's even a government web site for usability. I approach accessibility and usability as a series of questions:
- Can the site be viewed comfortably with a screen resolution of 1024 × 768?
- Can the text be enlarged and reduced without breaking the page layout?
- Can the site be navigated and used with images disabled? Would the site be usable with a screen reader?
- Can the site be navigated with just a keyboard?
- Can the site be used adequately over a modem connection?
I'm more interested in squeezing the most out of HTML and CSS because they work on the newest browsers and they degrade gracefully on old browsers. An old browser that doesn't understand newer HTML or CSS will simply ignore it and carry on. It's still a good idea to check your page designs with CSS disabled so you can see what a text browser or a search robot sees.
The problem with Internet Explorer
IE probably causes more headaches for web designers than anything else. As of August, 2008, IE had roughly a 72% market share with about 25% using IE 6. Unfortunately, most web designers cannot ignore IE so we have to spend hours and sometimes days working around IE bugs. Some say web designers spend up to 50% of their time getting their pages to work right in IE. Personally, I haven't kept track but it seems like it sometimes. Multiply that by the thousands of web developers in the world and you end up with too many days wasted on IE bugs! IE 8 is currently in beta testing and it looks like it will follow web standards much better but pages will still have to be designed with IE 6 in mind until people stop using it. Hmm, if I end up writing too much here I may have to convert this page into blog posts.
For reference, I've been using some of the hacks from here to specifically target and work around IE bugs. I also recommend the Explorer Exposed site if you're tearing your hair out trying to figure out why Explorer is messing up your web page when it looks fine in Firefox and Safari.
Another difficulty with Explorer is that there are at least two versions that web designers need to test for compatibility and it's not possible to install more than one at the same time. Fortunately for Windows users you can download a free version of Virtual PC and disk images that allow you to test your web pages with IE 6, 7, and 8. Mac users will have to use Boot Camp or some kind of virtualization like Parallels or VMware Fusion.