How to Create a Basic Pinned Site

  • Article

Using the Pinned site features of Windows Internet Explorer 9, you can improve how users interact with the sites that you develop. However, make sure that you consider how your users will discover those features. This section uses the Channel9 Podcast Player sample to show you how to create a basic Pinned site. You also learn some best practices to help promote the functionality to users of your website.

Description

The Channel9 Podcast Player sample application manages a library of audio tracks. Users can select one of the tracks in a list to the right, and click the preview to start playback. The following screen shot shows the application before it is pinned to the taskbar.

Features

This sample demonstrates the following:

  • Basic site metadata, such as application name, window size, and tooltip
  • Custom colors for Back and Forward buttons
  • Static Jump List items for audio tracks in the podcast playlist
  • High-resolution site icon
  • Scriptable alert that detects when the site is pinned

Tasks

Topic Description

Declaring Pinned Site Metadata

This task describes the basic site metadata that customize your Pinned site.

Adding Tasks to a Jump List

A Jump List can contain commonly used destinations and tasks. Some items apply to the whole site, and some apply only to specific users. This task explains how to add site-specific tasks to the default Jump List of a Pinned site.

Customizing the Site Icon

A site icon (also called shortcut icon, or favicon) is a small image that is associated with a particular website or webpage. This task explains the best icon formats to use with Internet Explorer 9 and describes how to implement a site icon on your website.

Detecting a Pinned Site

You should prompt the user to pin a site only if site pinning features are detected. This task explains how to correctly detect the Pinned site API and whether a site has already been pinned.

 

Badge Notifications, directly on your Windows 8 Pinned Site

Fresh Tweets 2.0 - demo for Windows 8

High Quality Visuals for Pinned Sites in Windows 8

Internet Explorer 9 Test Drive: Site Pinning Demos

Pinned Sites Developer Documentation

Pinned Sites in Windows 8