Fork me on GitHub

Pin-ify

:: The jQuery Site Pinning Plugin ::

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 install the pinify plugin, you can download the source from here or the plugin page at plugins.jquery.com. Or, if you're installing from Visual Studio or WebMatrix, you can use NuGet.

To view a screencast covering ALL aspects of the Pinify Plugin, click here.

Dependencies

From Zero to Pinned in Five Minutes!

Getting started is simple. Just download jQuery and this plugin and include the following script references in your page.

<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

 $('head').pinify();

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!

Contact

Brandon Satrom
bsatrom@gmail.com
@brandonsatrom

Clark Sell
clark@csell.net
@csell5

Download

You can download this project in either zip or tar formats.

You can also clone the project with Git by running:

$ git clone git://github.com/bsatrom/pinify

License

Apache Pinify is provided under the terms of the
Apache 2.0 License.