Internet Explorer 9 Beta is our most standards compliant browser yet and it’s super fast. What it does brilliantly is melt into the background so that your web site really gets to shine. But how can you add extra boot polish to make it shine like Amazon, Facebook, Twitter or the Gorillaz site? It’s really simple – what you need to do is:
Watch this video or:
1. Go to where you can edit the <head> section of your HTML – (if you’re running WordPress then that’s the “header.php” file)
2. Take these four lines of code and customize them for your web site, changing the first line to the name of your site or how you want it to be known; changing the 2nd to the tool tip that will appear when the user hovers over the icon on the Windows 7 task bar; changing the 3rd to the dimensions of the window you want to appear; changing the 4th to the name and address of a page you want to appear on the jump list, just like Facebook’s in the image. You can repeat this last line for a few of the best pages on your site.
<meta name="application-name" content="Simon-May.com" />
<meta name="msapplication-tooltip" content="Simon-May.com – IT Pro Evangelist" />
<meta name="msapplication-window" content="width=1100;height=900" />
<meta name="msapplication-task" content="name=The Front Page;action-uri=http://simon-may.com;icon-uri=http://simon-may.com/favicon.ico" />
3. Copy them to the <head> HTML section and save the file.
4. Open in IE9 and pin the page to test it.
BONUS!!
If you take your current 16×16 favicon and make it 256×256 with all that entails you’ll find it looks far more compelling.
Get the IE9 Beta or head to http://beautyoftheweb.com for more info
Pingback:Underbelly » iPlayer and site pinning with IE9
fail
“Internet Explorer 9 Beta is our most standards compliant browser yet”… so let’s use some non-standard markup! Yeah, right.
I cant wait till the finished product.