Pinify is a jQuery Plugin for adding IE9 features (site pinning, site mode, etc.) to your websites. Several new features of Internet Explorer 9 are designed to enhance the browsing experience of consumers by enabling sites that leverage certain features to behave like applications on the desktop when those sites are "pinned" to the taskbar in Windows 7. A user pins a site by dragging the site's tab (or favicon in the address bar) to the taskbar. For all sites, IE9 will create a default experience (called "site mode") that will use information about the site to create an instance of the browser customized to look specific to that site. Developers can also add specific meta tags and script commands to extend these features to further customize user’s pinned experience of the site.
The purpose of the pinify jQuery plugin is to enable developers to safely leverage IE9 side mode features with simple commands and no need for additional browser checks. To view the full documentation, click here, or on the Documentation tab above. For more information about site pinning, and for a whirlwind walkthrough of ie9ify, check out Brandon Satrom's blog post "Applify Your Sites with Pinned Sites and Pinify."
To view a screencast covering ALL aspects of the Pinify Plugin, click here.
<script src="jQuery1.6.2.js"></script> <script src="jquery.pinify.js"></script>
After you've added the pinify script to you page, you can start using pinify. The simplest way to use it is to put the following in a script block at the bottom of your page
which will add several <meta> tags to your markup. These tags let IE9 know that your page supports site pinning. Once you've done that, you need only drag the site favicon to your Windows 7 taskbar to get a customized, app-like experience for your website. This page is pinnable, so why not try it out forr yourself? Just drag and pin!
You can also clone the project with Git by running:
$ git clone git://github.com/bsatrom/pinify