Merge branch 'master' into 3.0

README.md

@@ -3,7 +3,7 @@ A [responsive image](http://www.whatwg.org/specs/web-apps/current-work/multipage
 * Authors: See [Authors.txt](https://raw.githubusercontent.com/scottjehl/picturefill/master/Authors.txt)
 * License: MIT
 
-[![build-status](https://api.travis-ci.org/scottjehl/picturefill.svg)](https://travis-ci.org/scottjehl/picturefill) [<img src="https://pf-slackin.herokuapp.com/badge.svg" alt="Join Slack channel">](https://pf-slackin.herokuapp.com/)
+[![build-status](https://api.travis-ci.org/scottjehl/picturefill.svg)](https://travis-ci.org/scottjehl/picturefill) [<img src="https://pf-slackin.herokuapp.com/badge.svg" alt="Join Slack channel">](https://pf-slackin.herokuapp.com/) [![picturefill on npm](https://img.shields.io/npm/v/picturefill.svg?style=flat)](https://www.npmjs.com/package/picturefill)
 
 Picturefill has three versions:
 

index.html

@@ -79,7 +79,7 @@ <h2 class="hed-section" id="getting-started">Getting Started with Picturefill</h
 
 			<p>To allow your page to load more efficiently, we'd recommend adding an <code>async</code> attribute to that <code>script</code> tag as well. This tells the browser that it can load picturefill asynchronously, without waiting for it to finish before loading the rest of the document. If you add this attribute, you'll need to add a line of script before the <code>script</code> tag as well to allow older browsers to recognize <code>picture</code> elements if it encounters them in the page before picturefill has finished loading. </p>
 
-			<p class="hed-subsection">Reccomended Usage:</p>
+			<p class="hed-subsection">Recommended Usage:</p>
 
 	<pre><code>&lt;head&gt;
   &lt;script&gt;