Over a million developers have joined DZone.
{{announcement.body}}
{{announcement.title}}

IE9 Site Pinning

DZone's Guide to

IE9 Site Pinning

·
Free Resource

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.

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:
Pinning
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:

<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>

Summary

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.

Topics:

Published at DZone with permission of Gil Fink, DZone MVB. See the original article here.

Opinions expressed by DZone contributors are their own.

THE DZONE NEWSLETTER

Dev Resources & Solutions Straight to Your Inbox

Thanks for subscribing!

Awesome! Check your inbox to verify your email so you can start receiving the latest in tech news and resources.

X

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}