PDC10: Taking Advantage of Pinned Sites with IE9 and Windows 7

Presenter: Israel Hilerio, Ph.D., Principal Program Manager

Video

  • Win7 Taskbar Overview
  • taskbar button
  • overlay icons
  • jump list, static and dynamic
  • thumbnail taskbar
  • Pinned Sites (16:15)
  • Goals
  • closer relationship between users and their favorites sites
  • Allow web sites to promote their brand outside of the browser
  • Seamless integration of web site into desktop experience
  • Web sites interact with users like Windows applications
  • Web sites control the user interaction and navigation
  • Available to any website
  • Demo: Google
  • pinning – branded experience
  • favicon becomes home page link
  • Pinning a site to the Taskbar
  • all pinning is user initiated
  • no public api’s for pinning
  • Two ways to pin a website
  • Tear off a tab, and drop it on taskbar
  • Drag the favicon from the address bar to taskbar
  • After a site is pinned
  • buttons match favicon colors
  • favicon becomes a navigate-to-home button
  • Customizing Pinned Sites
  • using msSiteMode API’s web developers are able to integrate their pinned site with Win7 taskbar
  • Divided into 2 groups
  • site properties which are applicable to any user
  • information that is dynamic in nature, or specific to an individual user
  • Demo, 23:55
  • Bing pinned, static jump list
  • Site properties applicable to any user
  • application name
  • desktop tooltips
  • start URL
  • pinned site window size
  • back and forward button colors
  • supported in all doc modes
  • Jump List Categories
  • Overlay Icons
  • if you go to another site, overlay icon can remain. So, it’s a good practice to clear them when you start.
  • closing browser does clear overlay
  • Thumbnail Toolbar buttons
  • realtime communicate between the page and your desktop
  • Demo: Ch9 Podcast player
  • Flashing toolbar button
  • Limitations on Jump List Tasks, Jump List Categories, Thumbnail Toolbar buttons
  • Feature detection – the mature way of checking on sitemode enabled/capable browser

 

-