IE8 Compatibility tagging, webslices and activities
I was lucky enough to get to go up on stage and present a small case study for DelicateGenius and ShaneMo art Remix this year, in Sydney and Melbourne. Remix rocked. I presented some cool stuff done by some of the smart guys who work on my team, focused on http://drive.com.au. Before I go much further I need to acknowledge the guys who did this stuff in the Drive team – it’s their work.
Compatibility Meta Tag
Our sites have been developed to make heavy use of css, and there are a lot of workarounds and hacks in the stylesheets to make everything work on all the various supported browsers. To make the transition to a css compliant IE easier, there is now a meta tag that allows sites to force IE 8 to use IE7 compatibility mode:
<meta http-equiv=”X-UA-Compatible” content=”IE=7″ />
Adding this meta tag to your sites’ headers will buy you time to manage the changes rather than forcing you to do some rapid-fire audits and further hacks to your css. The example below shows the massive impact of css compatibility in IE as seen on Drive.
|
Before compatibility meta-tagging |
After compatibility meta-tagging |
|
|
|
Webslices
The Drive tech guys added a webslice on their homepage, which allows IE8 users to clip content to the browser’s shortcut bar. When the featured article on the homepage changes, the browser alerts the user by updating the title in the webslice and bolding the text in the toolbar. This extends the reach of the site and allows a “call to action” to be triggered in the user’s browser when they’re not on your site.
Activities
Activities are a great way to extend the reach of functions within your site beyond your site’s domain. The Drive guys built one that can be seen here: http://www.drive.com.au/activities
This activity uses their free text search capability and extends the reach of their search function to any site with relevant text. The guys at Microsoft identified a pattern in user behavior which involved highlighting some text on a web page, copying it, going to another page, and then using the text. Activities offer a way for site owners to make this action that much easier for a user – and to extend your reach into your competitors sites.
To grab a copy of IE8 and for more info on webslices and activities go here.


