One of the new features that will come with IE9 is the pinned sites ability. In this post I’m going to explain what is site pinning and show an example for how to do this stuff. If you want to read about this new feature in Hebrew you can read my Newsgeek article.
IE9 Beta was released last week with a lot of browser improvements and features. One of the new features it includes is site pinning. In this feature we can drag a tab from the browser and pin it to the windows taskbar.
I’ve build a simple site to demonstrate how to do that:
This is the template that you get when you create a new web application in VS2010.
Pay attention that the favicon of the pinned site is located left to the back button of the browser. Also the buttons are colored in brown to resemble the icon itself. This is part of the feature and you can change the colors if you like.
How to Enable Site Pinning?
This is the easy part.
You don’t have to anything.
If you have Windows 7 then install IE9 and you can start pinning. It is very recommended to add some meta tags like application-name to the site in order to add some information about your site. Here is an example of how to add the tags to a master page head element:
<head> <title>My application</title> <link href="~/Styles/Site.css" rel="stylesheet" type="text/css" /> <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /> <meta name="application-name" content="My Application" /> <meta name="msapplication-tooltip" content="My Application" /> <meta name="msapplication-starturl" content="./" /> </head>
The ability to pin sites to the taskbar is a very nice feature of IE9. It shows that there is a shift in Microsoft direction in regard to the web and web operations systems. Think about it, when you pin sites you are pinning web applications/sites as you do with desktop applications. In a following post I’ll explain how to create jump lists for the pinned site.