IE9 Site Pinning

September 19, 2010

tags: , ,
no comments

IE9 Site Pinning

One of the new features that will come with IE9 is the pinned sites ability. IE9 Site PinningIn 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.

Site Pinning

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:
Example Application 

This is the template that you get when you create a new web application in VS2010.

Lets pin the site. First drag it:
Dragging the site  
Then pin it to the taskbar:
Then it is pinned: 
Pinned Site 
Now you can run the site from the taskbar:

Pinned Site Running

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:

    <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="./" />


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.

Add comment
facebook linkedin twitter email

Leave a Reply

Your email address will not be published.

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>