Achieving good browser compatibility, or: How does your page look on all web browsers?

Thu 14 June 2012

If you've ever designed a website, it's likely that you'll be familiar with the frustration of browser compatibility. Yes, things like HTML and CSS are supposed to be standards and yet, every browser has its own way of rendering its pages.  Annoying, I know.

But perhaps this can turn your frown upside-down: Adobe has got a complimentary (read free) tool for checking your website on all browsers called BrowserLab. Better yet, it's a web application so you can check how your page looks in IE without having to use Windows; it shows you how your page can look in several browsers and even several versions of these browsers, on OSX and Windows.

This is cool. Very cool, even.

One thing you may wish to do regardless of whether your page looks good in BrowserLab is test your HTML's validity with the W3C markup validator. It'll help catch anything incompatible with the standard; though you'll quickly realize you can't fix all of the issues without breaking your site's functionality, it is helpful to know what may and may not work on all browsers (at least, from W3C's point of view).

Happy coding,