diff --git a/README.md b/README.md
index 59c0f1e..6425ba2 100644
--- a/README.md
+++ b/README.md
@@ -5,7 +5,7 @@ How to build
 ============
 
 ```sh
-# Build for developement
+# Build for development
 $ npm run build
 
 # Start the Webpack dev server
diff --git a/index.html b/index.html
index ab47eee..430a319 100644
--- a/index.html
+++ b/index.html
@@ -110,7 +110,7 @@
               </ul>
               <ul id="social-media" class="nav navbar-nav navbar-right visible-md visible-lg">
                 <li>
-                  <a class="sprite-icons-github" href="https://github.com/wyuenho/backgrid" title="Fork me on Github"></a>
+                  <a class="sprite-icons-github" href="https://github.com/wyuenho/backgrid" title="Fork me on GitHub"></a>
                 </li>
 
                 <li>
diff --git a/misc/faq.html b/misc/faq.html
index 29b3aaf..3c76520 100644
--- a/misc/faq.html
+++ b/misc/faq.html
@@ -110,7 +110,7 @@
               </ul>
               <ul id="social-media" class="nav navbar-nav navbar-right visible-md visible-lg">
                 <li>
-                  <a class="sprite-icons-github" href="https://github.com/wyuenho/backgrid" title="Fork me on Github"></a>
+                  <a class="sprite-icons-github" href="https://github.com/wyuenho/backgrid" title="Fork me on GitHub"></a>
                 </li>
 
                 <li>
@@ -159,7 +159,7 @@ <h2><a id="how-do-i-write-a-cell-that-renders-a-button-"
             >How do I write a cell that renders a button?</a></h2>
         <p>It is quite common to want to use a cell that acts on an entire
           row. You may want to pop up a modal, delete the row, or toggle
-          editibility for all the columns. The possibilities are endless. For
+          editability for all the columns. The possibilities are endless. For
           those cases, you can write a custom <code>ActionCell</code>, and then
           pass it to the column definition.</p>
         <textarea class="code-snippet" data-mode="javascript">
@@ -169,7 +169,7 @@ <h2><a id="how-do-i-write-a-cell-that-renders-a-button-"
             },
             deleteRow: function(e) {
               e.preventDefault();
-              this.model.destory();
+              this.model.destroy();
             },
             render: function () {
               this.$el.html('<button>-</button>');
@@ -277,7 +277,7 @@ <h2>
           <li>Pay your tribute to the almighty <a href="https://www.google.com/" title="Google">Google</a>.</li>
           <li>
             Go to <a href="http://stackoverflow.com/questions/tagged/backgrid" title="StackOverflow">StackOverflow</a>
-            or as a last resort, <a href="https://github.com/wyuenho/backgrid/issues" title="Github">Github</a>.
+            or as a last resort, <a href="https://github.com/wyuenho/backgrid/issues" title="GitHub">GitHub</a>.
           </li>
         </ol>
         <h2>
@@ -351,7 +351,7 @@ <h2>
           consideration.</p>
         <p>See the list
           of <a href="https://github.com/wyuenho/backgrid/issues?labels=enhancement&amp;milestone=&amp;page=1&amp;state=open"
-                title="Github Issues">tasks and enhancements</a>.</p>
+                title="GitHub Issues">tasks and enhancements</a>.</p>
         <h2>
           <a id="how-to-build-backgrid-js-" href="#how-to-build-backgrid-js-" title="How to build Backgrid.js?" class="section">How to build Backgrid.js?</a>
         </h2>
diff --git a/misc/license.html b/misc/license.html
index f3a905a..7dc0cd4 100644
--- a/misc/license.html
+++ b/misc/license.html
@@ -110,7 +110,7 @@
               </ul>
               <ul id="social-media" class="nav navbar-nav navbar-right visible-md visible-lg">
                 <li>
-                  <a class="sprite-icons-github" href="https://github.com/wyuenho/backgrid" title="Fork me on Github"></a>
+                  <a class="sprite-icons-github" href="https://github.com/wyuenho/backgrid" title="Fork me on GitHub"></a>
                 </li>
 
                 <li>
diff --git a/misc/styling.html b/misc/styling.html
index 4a0b616..41be78c 100644
--- a/misc/styling.html
+++ b/misc/styling.html
@@ -110,7 +110,7 @@
               </ul>
               <ul id="social-media" class="nav navbar-nav navbar-right visible-md visible-lg">
                 <li>
-                  <a class="sprite-icons-github" href="https://github.com/wyuenho/backgrid" title="Fork me on Github"></a>
+                  <a class="sprite-icons-github" href="https://github.com/wyuenho/backgrid" title="Fork me on GitHub"></a>
                 </li>
 
                 <li>
diff --git a/ref/body.html b/ref/body.html
index 17b7f97..43385e2 100644
--- a/ref/body.html
+++ b/ref/body.html
@@ -110,7 +110,7 @@
               </ul>
               <ul id="social-media" class="nav navbar-nav navbar-right visible-md visible-lg">
                 <li>
-                  <a class="sprite-icons-github" href="https://github.com/wyuenho/backgrid" title="Fork me on Github"></a>
+                  <a class="sprite-icons-github" href="https://github.com/wyuenho/backgrid" title="Fork me on GitHub"></a>
                 </li>
 
                 <li>
@@ -163,7 +163,7 @@ <h3>
         <h3>
           <a id="customizing-body" href="#customizing-body" title="Customizing Body" class="section">Customizing Body</a>
         </h3>
-        <p class="label label-danger">Truely Advanced Hacking</p>
+        <p class="label label-danger">Truly Advanced Hacking</p>
         <p>Body is the intermediary view that coordinates between the various
           parts of the grid. Specifically, the default implementation is
           responsible for re-rendering the rows when any model is inserted into,
diff --git a/ref/cell.html b/ref/cell.html
index f1b36e2..b217d44 100644
--- a/ref/cell.html
+++ b/ref/cell.html
@@ -110,7 +110,7 @@
               </ul>
               <ul id="social-media" class="nav navbar-nav navbar-right visible-md visible-lg">
                 <li>
-                  <a class="sprite-icons-github" href="https://github.com/wyuenho/backgrid" title="Fork me on Github"></a>
+                  <a class="sprite-icons-github" href="https://github.com/wyuenho/backgrid" title="Fork me on GitHub"></a>
                 </li>
 
                 <li>
@@ -299,8 +299,8 @@ <h3>
           respond appropriately. When editing is done, a cell editor
           should fire a Backbone <code>backgrid:edited</code> event. A cell
           should be listening to this event so it can remove its editor
-          and re-render itsef in display mode.</p>
-        <p class="label label-danger">Truely Advanced Hacking</p>
+          and re-render itself in display mode.</p>
+        <p class="label label-danger">Truly Advanced Hacking</p>
         <p>At the most basic level, Cells and CellEditors are simply
           <a href="http://backbonejs.org/#View"
              title="Backbone.View">Backbone.View</a> classes that are
diff --git a/ref/column.html b/ref/column.html
index 10bf77b..172d070 100644
--- a/ref/column.html
+++ b/ref/column.html
@@ -110,7 +110,7 @@
               </ul>
               <ul id="social-media" class="nav navbar-nav navbar-right visible-md visible-lg">
                 <li>
-                  <a class="sprite-icons-github" href="https://github.com/wyuenho/backgrid" title="Fork me on Github"></a>
+                  <a class="sprite-icons-github" href="https://github.com/wyuenho/backgrid" title="Fork me on GitHub"></a>
                 </li>
 
                 <li>
diff --git a/ref/extensions/development.html b/ref/extensions/development.html
index caadbed..f4d4e85 100644
--- a/ref/extensions/development.html
+++ b/ref/extensions/development.html
@@ -110,7 +110,7 @@
               </ul>
               <ul id="social-media" class="nav navbar-nav navbar-right visible-md visible-lg">
                 <li>
-                  <a class="sprite-icons-github" href="https://github.com/wyuenho/backgrid" title="Fork me on Github"></a>
+                  <a class="sprite-icons-github" href="https://github.com/wyuenho/backgrid" title="Fork me on GitHub"></a>
                 </li>
 
                 <li>
diff --git a/ref/extensions/filter.html b/ref/extensions/filter.html
index 173b35b..89dd0b1 100644
--- a/ref/extensions/filter.html
+++ b/ref/extensions/filter.html
@@ -110,7 +110,7 @@
               </ul>
               <ul id="social-media" class="nav navbar-nav navbar-right visible-md visible-lg">
                 <li>
-                  <a class="sprite-icons-github" href="https://github.com/wyuenho/backgrid" title="Fork me on Github"></a>
+                  <a class="sprite-icons-github" href="https://github.com/wyuenho/backgrid" title="Fork me on GitHub"></a>
                 </li>
 
                 <li>
@@ -181,20 +181,20 @@ <h3>
         </h3>
         <p>ServerSideFilter is suitable if you have a server where you send the
           search queries to get back a result. The follow example will create a
-          collection that uses Github's excellent API to search for Github
+          collection that uses GitHub's excellent API to search for GitHub
           users. See <a
           href="http://developer.github.com/v3/search/#search-users"
-          title="Github API - Search Users">here</a> for the valid search terms
+          title="GitHub API - Search Users">here</a> for the valid search terms
           to use.</p>
         <textarea class="code-snippet" data-mode="javascript" data-eval="no">
-          // Creates a Backbone.PageableCollection to talk to Github's API.
+          // Creates a Backbone.PageableCollection to talk to GitHub's API.
 
           // While you don't have to use Backbone.PageableCollection, it is
           // recommended that you do because of its good support for querying
           // RESTful APIs that support pagination and sorting.
 
           // See https://github.com/backbone-paginator/backbone.paginator
-          var GithubUsers = Backbone.PageableCollection.extend({
+          var GitHubUsers = Backbone.PageableCollection.extend({
             url: "https://api.github.com/search/users",
 
             state: {
@@ -219,7 +219,7 @@ <h3>
 
           });
 
-          var githubUsers = new GithubUsers();
+          var githubUsers = new GitHubUsers();
 
           // ... and then give the collection instance to a grid as usual ...</textarea>
         <textarea class="code-snippet" data-mode="javascript" data-eval="yes">
@@ -235,14 +235,14 @@ <h3>
         <div id="server-side-filter-example-result">
           <aside class="note">
             <h3>Note:</h3>
-            <p>Github's API is <a
-              href="http://developer.github.com/v3/search/#rate-limit" title="Github
+            <p>GitHub's API is <a
+              href="http://developer.github.com/v3/search/#rate-limit" title="GitHub
               API Rate Limit">rate limited</a>, if the example doesn't work, you
               may want to try again in a few minutes.</p>
           </aside>
           <p>
             <span class="label label-info">Tip</span>
-            <a href="http://developer.github.com/v3/search/#search-users" title="Github Search User API">Github Search User API</a>
+            <a href="http://developer.github.com/v3/search/#search-users" title="GitHub Search User API">GitHub Search User API</a>
           </p>
           <div class="backgrid-container"></div>
         </div>
@@ -329,7 +329,7 @@ <h3>
     </script>
     <script src="/build/bundle.js"></script>
     <script>
-      var GithubUsers = Backbone.PageableCollection.extend({
+      var GitHubUsers = Backbone.PageableCollection.extend({
         url: "https://api.github.com/search/users",
 
         state: {
@@ -354,7 +354,7 @@ <h3>
 
       });
 
-      var githubUsers = new GithubUsers();
+      var githubUsers = new GitHubUsers();
 
       var serverGrid = new Backgrid.Grid({
         columns: [{
diff --git a/ref/extensions/moment-cell.html b/ref/extensions/moment-cell.html
index fdce4ae..ff01acf 100644
--- a/ref/extensions/moment-cell.html
+++ b/ref/extensions/moment-cell.html
@@ -110,7 +110,7 @@
               </ul>
               <ul id="social-media" class="nav navbar-nav navbar-right visible-md visible-lg">
                 <li>
-                  <a class="sprite-icons-github" href="https://github.com/wyuenho/backgrid" title="Fork me on Github"></a>
+                  <a class="sprite-icons-github" href="https://github.com/wyuenho/backgrid" title="Fork me on GitHub"></a>
                 </li>
 
                 <li>
diff --git a/ref/extensions/paginator.html b/ref/extensions/paginator.html
index 1b5e555..de10411 100644
--- a/ref/extensions/paginator.html
+++ b/ref/extensions/paginator.html
@@ -110,7 +110,7 @@
               </ul>
               <ul id="social-media" class="nav navbar-nav navbar-right visible-md visible-lg">
                 <li>
-                  <a class="sprite-icons-github" href="https://github.com/wyuenho/backgrid" title="Fork me on Github"></a>
+                  <a class="sprite-icons-github" href="https://github.com/wyuenho/backgrid" title="Fork me on GitHub"></a>
                 </li>
 
                 <li>
@@ -192,7 +192,7 @@ <h3>
           parameters but you are able to configure the query string
           mapping anyway you like. The following example works with
           <a href="http://developer.github.com/v3/" title="GitHub API
-          v3">Github's API</a>:</p>
+          v3">GitHub's API</a>:</p>
         <textarea class="code-snippet" data-mode="javascript" data-eval="yes">
           // Works exactly like Backbone.Collection.
           var Issues = Backbone.PageableCollection.extend({
@@ -291,8 +291,8 @@ <h3>
         </h3>
         <aside class="note">
           <h3>Note:</h3>
-          <p>Github's API is <a
-            href="http://developer.github.com/v3/search/#rate-limit" title="Github
+          <p>GitHub's API is <a
+            href="http://developer.github.com/v3/search/#rate-limit" title="GitHub
             API Rate Limit">rate limited</a>, if the example doesn't work, you
             may want to try again in a few minutes.</p>
         </aside>
diff --git a/ref/extensions/select-all.html b/ref/extensions/select-all.html
index 5438403..f4b4752 100644
--- a/ref/extensions/select-all.html
+++ b/ref/extensions/select-all.html
@@ -110,7 +110,7 @@
               </ul>
               <ul id="social-media" class="nav navbar-nav navbar-right visible-md visible-lg">
                 <li>
-                  <a class="sprite-icons-github" href="https://github.com/wyuenho/backgrid" title="Fork me on Github"></a>
+                  <a class="sprite-icons-github" href="https://github.com/wyuenho/backgrid" title="Fork me on GitHub"></a>
                 </li>
 
                 <li>
@@ -231,11 +231,11 @@ <h3><a id="result" href="#result" title="Result" class="section">Result</a></h3>
     <div class="row">
       <div class="col-md-9 col-md-offset-3">
         <h3>
-          <a id="manipulating-selections-programatically"
-             href="#manipulating-selections-programatically"
-             title="Manipulating Selections Programatically"
+          <a id="manipulating-selections-programmatically"
+             href="#manipulating-selections-programmatically"
+             title="Manipulating Selections Programmatically"
              class="section"
-             >Manipulating Selections Programatically</a>
+             >Manipulating Selections Programmatically</a>
         </h3>
         <p>At any point during the lifetime of your program, if you'd like
         to get an array of the currently selected models after you've
diff --git a/ref/extensions/select2-cell.html b/ref/extensions/select2-cell.html
index 096f638..762af2b 100644
--- a/ref/extensions/select2-cell.html
+++ b/ref/extensions/select2-cell.html
@@ -110,7 +110,7 @@
               </ul>
               <ul id="social-media" class="nav navbar-nav navbar-right visible-md visible-lg">
                 <li>
-                  <a class="sprite-icons-github" href="https://github.com/wyuenho/backgrid" title="Fork me on Github"></a>
+                  <a class="sprite-icons-github" href="https://github.com/wyuenho/backgrid" title="Fork me on GitHub"></a>
                 </li>
 
                 <li>
@@ -256,7 +256,7 @@ <h3>
             // Records the time since the last fetch
             lastUpdated: null,
 
-            // Max time ellapsed allowed since the last fetch.
+            // Max time elapsed allowed since the last fetch.
             // 5 minutes in miniseconds in this case.
             maxTimeSinceLastUpdate: 300000,
 
diff --git a/ref/extensions/text-cell.html b/ref/extensions/text-cell.html
index ab96609..69b7dac 100644
--- a/ref/extensions/text-cell.html
+++ b/ref/extensions/text-cell.html
@@ -110,7 +110,7 @@
               </ul>
               <ul id="social-media" class="nav navbar-nav navbar-right visible-md visible-lg">
                 <li>
-                  <a class="sprite-icons-github" href="https://github.com/wyuenho/backgrid" title="Fork me on Github"></a>
+                  <a class="sprite-icons-github" href="https://github.com/wyuenho/backgrid" title="Fork me on GitHub"></a>
                 </li>
 
                 <li>
diff --git a/ref/footer.html b/ref/footer.html
index a2e386f..4b52384 100644
--- a/ref/footer.html
+++ b/ref/footer.html
@@ -110,7 +110,7 @@
               </ul>
               <ul id="social-media" class="nav navbar-nav navbar-right visible-md visible-lg">
                 <li>
-                  <a class="sprite-icons-github" href="https://github.com/wyuenho/backgrid" title="Fork me on Github"></a>
+                  <a class="sprite-icons-github" href="https://github.com/wyuenho/backgrid" title="Fork me on GitHub"></a>
                 </li>
 
                 <li>
diff --git a/ref/forewords.html b/ref/forewords.html
index 34170aa..6162560 100644
--- a/ref/forewords.html
+++ b/ref/forewords.html
@@ -110,7 +110,7 @@
               </ul>
               <ul id="social-media" class="nav navbar-nav navbar-right visible-md visible-lg">
                 <li>
-                  <a class="sprite-icons-github" href="https://github.com/wyuenho/backgrid" title="Fork me on Github"></a>
+                  <a class="sprite-icons-github" href="https://github.com/wyuenho/backgrid" title="Fork me on GitHub"></a>
                 </li>
 
                 <li>
@@ -169,7 +169,7 @@ <h3>
         <p>Backgrid's View components are, borrowing from <a
           href="http://marionettejs.com/" title="Marionette">Marionette</a>'s
           parlance, primarily <em>CollectionView</em> and <em>ItemView</em>
-          components, which means the components are to be layed out
+          components, which means the components are to be laid out
           sequentially. However, the Grid's root element itself can be inserted
           to any where in the DOM.</p>
         <aside class="note">
@@ -206,7 +206,7 @@ <h2>
           that, spend an inordinate amount of time to source for another similar
           plugin. If all else failed, you have to roll your own plugin.</p>
         <p>Your laziness has backfired, but that doesn't have to be the case.</p>
-        <p>The inherant problem with the jQuery plugin model is that it doesn't
+        <p>The inherent problem with the jQuery plugin model is that it doesn't
           offer you any help other than giving you a namespace, and the combined
           laziness of plugin authors and users have created an ecosystem full of
           opaque plugins that produce DOM structures that are hard to
diff --git a/ref/formatter.html b/ref/formatter.html
index 3bc2224..36d12e9 100644
--- a/ref/formatter.html
+++ b/ref/formatter.html
@@ -110,7 +110,7 @@
               </ul>
               <ul id="social-media" class="nav navbar-nav navbar-right visible-md visible-lg">
                 <li>
-                  <a class="sprite-icons-github" href="https://github.com/wyuenho/backgrid" title="Fork me on Github"></a>
+                  <a class="sprite-icons-github" href="https://github.com/wyuenho/backgrid" title="Fork me on GitHub"></a>
                 </li>
 
                 <li>
diff --git a/ref/grid.html b/ref/grid.html
index 21092ad..d1c03af 100644
--- a/ref/grid.html
+++ b/ref/grid.html
@@ -110,7 +110,7 @@
               </ul>
               <ul id="social-media" class="nav navbar-nav navbar-right visible-md visible-lg">
                 <li>
-                  <a class="sprite-icons-github" href="https://github.com/wyuenho/backgrid" title="Fork me on Github"></a>
+                  <a class="sprite-icons-github" href="https://github.com/wyuenho/backgrid" title="Fork me on GitHub"></a>
                 </li>
 
                 <li>
diff --git a/ref/header.html b/ref/header.html
index 0be9218..a654a47 100644
--- a/ref/header.html
+++ b/ref/header.html
@@ -110,7 +110,7 @@
               </ul>
               <ul id="social-media" class="nav navbar-nav navbar-right visible-md visible-lg">
                 <li>
-                  <a class="sprite-icons-github" href="https://github.com/wyuenho/backgrid" title="Fork me on Github"></a>
+                  <a class="sprite-icons-github" href="https://github.com/wyuenho/backgrid" title="Fork me on GitHub"></a>
                 </li>
 
                 <li>
diff --git a/ref/row.html b/ref/row.html
index 6587f96..e711e07 100644
--- a/ref/row.html
+++ b/ref/row.html
@@ -110,7 +110,7 @@
               </ul>
               <ul id="social-media" class="nav navbar-nav navbar-right visible-md visible-lg">
                 <li>
-                  <a class="sprite-icons-github" href="https://github.com/wyuenho/backgrid" title="Fork me on Github"></a>
+                  <a class="sprite-icons-github" href="https://github.com/wyuenho/backgrid" title="Fork me on GitHub"></a>
                 </li>
 
                 <li>
diff --git a/src/partials/layout.html b/src/partials/layout.html
index c7d3e75..c07eb0c 100644
--- a/src/partials/layout.html
+++ b/src/partials/layout.html
@@ -110,7 +110,7 @@
               </ul>
               <ul id="social-media" class="nav navbar-nav navbar-right visible-md visible-lg">
                 <li>
-                  <a class="sprite-icons-github" href="https://github.com/wyuenho/backgrid" title="Fork me on Github"></a>
+                  <a class="sprite-icons-github" href="https://github.com/wyuenho/backgrid" title="Fork me on GitHub"></a>
                 </li>
 
                 <li>
diff --git a/src/templates/misc/faq.handlebars b/src/templates/misc/faq.handlebars
index 32e6eb3..1df6af9 100644
--- a/src/templates/misc/faq.handlebars
+++ b/src/templates/misc/faq.handlebars
@@ -18,7 +18,7 @@
             >How do I write a cell that renders a button?</a></h2>
         <p>It is quite common to want to use a cell that acts on an entire
           row. You may want to pop up a modal, delete the row, or toggle
-          editibility for all the columns. The possibilities are endless. For
+          editability for all the columns. The possibilities are endless. For
           those cases, you can write a custom <code>ActionCell</code>, and then
           pass it to the column definition.</p>
         <textarea class="code-snippet" data-mode="javascript">
@@ -28,7 +28,7 @@
             },
             deleteRow: function(e) {
               e.preventDefault();
-              this.model.destory();
+              this.model.destroy();
             },
             render: function () {
               this.$el.html('<button>-</button>');
@@ -136,7 +136,7 @@
           <li>Pay your tribute to the almighty <a href="https://www.google.com/" title="Google">Google</a>.</li>
           <li>
             Go to <a href="http://stackoverflow.com/questions/tagged/backgrid" title="StackOverflow">StackOverflow</a>
-            or as a last resort, <a href="https://github.com/wyuenho/backgrid/issues" title="Github">Github</a>.
+            or as a last resort, <a href="https://github.com/wyuenho/backgrid/issues" title="GitHub">GitHub</a>.
           </li>
         </ol>
         <h2>
@@ -210,7 +210,7 @@
           consideration.</p>
         <p>See the list
           of <a href="https://github.com/wyuenho/backgrid/issues?labels=enhancement&amp;milestone=&amp;page=1&amp;state=open"
-                title="Github Issues">tasks and enhancements</a>.</p>
+                title="GitHub Issues">tasks and enhancements</a>.</p>
         <h2>
           <a id="how-to-build-backgrid-js-" href="#how-to-build-backgrid-js-" title="How to build Backgrid.js?" class="section">How to build Backgrid.js?</a>
         </h2>
diff --git a/src/templates/ref/body.handlebars b/src/templates/ref/body.handlebars
index f0ae586..9d4a760 100644
--- a/src/templates/ref/body.handlebars
+++ b/src/templates/ref/body.handlebars
@@ -22,7 +22,7 @@
         <h3>
           <a id="customizing-body" href="#customizing-body" title="Customizing Body" class="section">Customizing Body</a>
         </h3>
-        <p class="label label-danger">Truely Advanced Hacking</p>
+        <p class="label label-danger">Truly Advanced Hacking</p>
         <p>Body is the intermediary view that coordinates between the various
           parts of the grid. Specifically, the default implementation is
           responsible for re-rendering the rows when any model is inserted into,
diff --git a/src/templates/ref/cell.handlebars b/src/templates/ref/cell.handlebars
index 5f0858b..06571c1 100644
--- a/src/templates/ref/cell.handlebars
+++ b/src/templates/ref/cell.handlebars
@@ -158,8 +158,8 @@
           respond appropriately. When editing is done, a cell editor
           should fire a Backbone <code>backgrid:edited</code> event. A cell
           should be listening to this event so it can remove its editor
-          and re-render itsef in display mode.</p>
-        <p class="label label-danger">Truely Advanced Hacking</p>
+          and re-render itself in display mode.</p>
+        <p class="label label-danger">Truly Advanced Hacking</p>
         <p>At the most basic level, Cells and CellEditors are simply
           <a href="http://backbonejs.org/#View"
              title="Backbone.View">Backbone.View</a> classes that are
diff --git a/src/templates/ref/extensions/filter.handlebars b/src/templates/ref/extensions/filter.handlebars
index 65ba3bc..d1f4b55 100644
--- a/src/templates/ref/extensions/filter.handlebars
+++ b/src/templates/ref/extensions/filter.handlebars
@@ -40,20 +40,20 @@
         </h3>
         <p>ServerSideFilter is suitable if you have a server where you send the
           search queries to get back a result. The follow example will create a
-          collection that uses Github's excellent API to search for Github
+          collection that uses GitHub's excellent API to search for GitHub
           users. See <a
           href="http://developer.github.com/v3/search/#search-users"
-          title="Github API - Search Users">here</a> for the valid search terms
+          title="GitHub API - Search Users">here</a> for the valid search terms
           to use.</p>
         <textarea class="code-snippet" data-mode="javascript" data-eval="no">
-          // Creates a Backbone.PageableCollection to talk to Github's API.
+          // Creates a Backbone.PageableCollection to talk to GitHub's API.
 
           // While you don't have to use Backbone.PageableCollection, it is
           // recommended that you do because of its good support for querying
           // RESTful APIs that support pagination and sorting.
 
           // See https://github.com/backbone-paginator/backbone.paginator
-          var GithubUsers = Backbone.PageableCollection.extend({
+          var GitHubUsers = Backbone.PageableCollection.extend({
             url: "https://api.github.com/search/users",
 
             state: {
@@ -78,7 +78,7 @@
 
           });
 
-          var githubUsers = new GithubUsers();
+          var githubUsers = new GitHubUsers();
 
           // ... and then give the collection instance to a grid as usual ...</textarea>
         <textarea class="code-snippet" data-mode="javascript" data-eval="yes">
@@ -94,14 +94,14 @@
         <div id="server-side-filter-example-result">
           <aside class="note">
             <h3>Note:</h3>
-            <p>Github's API is <a
-              href="http://developer.github.com/v3/search/#rate-limit" title="Github
+            <p>GitHub's API is <a
+              href="http://developer.github.com/v3/search/#rate-limit" title="GitHub
               API Rate Limit">rate limited</a>, if the example doesn't work, you
               may want to try again in a few minutes.</p>
           </aside>
           <p>
             <span class="label label-info">Tip</span>
-            <a href="http://developer.github.com/v3/search/#search-users" title="Github Search User API">Github Search User API</a>
+            <a href="http://developer.github.com/v3/search/#search-users" title="GitHub Search User API">GitHub Search User API</a>
           </p>
           <div class="backgrid-container"></div>
         </div>
@@ -162,7 +162,7 @@
   {{/content}}
   {{#content "endscripts" mode="append"}}
     <script>
-      var GithubUsers = Backbone.PageableCollection.extend({
+      var GitHubUsers = Backbone.PageableCollection.extend({
         url: "https://api.github.com/search/users",
 
         state: {
@@ -187,7 +187,7 @@
 
       });
 
-      var githubUsers = new GithubUsers();
+      var githubUsers = new GitHubUsers();
 
       var serverGrid = new Backgrid.Grid({
         columns: [{
diff --git a/src/templates/ref/extensions/paginator.handlebars b/src/templates/ref/extensions/paginator.handlebars
index 58f7604..6625f0d 100644
--- a/src/templates/ref/extensions/paginator.handlebars
+++ b/src/templates/ref/extensions/paginator.handlebars
@@ -51,7 +51,7 @@
           parameters but you are able to configure the query string
           mapping anyway you like. The following example works with
           <a href="http://developer.github.com/v3/" title="GitHub API
-          v3">Github's API</a>:</p>
+          v3">GitHub's API</a>:</p>
         <textarea class="code-snippet" data-mode="javascript" data-eval="yes">
           // Works exactly like Backbone.Collection.
           var Issues = Backbone.PageableCollection.extend({
@@ -150,8 +150,8 @@
         </h3>
         <aside class="note">
           <h3>Note:</h3>
-          <p>Github's API is <a
-            href="http://developer.github.com/v3/search/#rate-limit" title="Github
+          <p>GitHub's API is <a
+            href="http://developer.github.com/v3/search/#rate-limit" title="GitHub
             API Rate Limit">rate limited</a>, if the example doesn't work, you
             may want to try again in a few minutes.</p>
         </aside>
diff --git a/src/templates/ref/extensions/select-all.handlebars b/src/templates/ref/extensions/select-all.handlebars
index 609fb43..4269820 100644
--- a/src/templates/ref/extensions/select-all.handlebars
+++ b/src/templates/ref/extensions/select-all.handlebars
@@ -90,11 +90,11 @@
     <div class="row">
       <div class="col-md-9 col-md-offset-3">
         <h3>
-          <a id="manipulating-selections-programatically"
-             href="#manipulating-selections-programatically"
-             title="Manipulating Selections Programatically"
+          <a id="manipulating-selections-programmatically"
+             href="#manipulating-selections-programmatically"
+             title="Manipulating Selections Programmatically"
              class="section"
-             >Manipulating Selections Programatically</a>
+             >Manipulating Selections Programmatically</a>
         </h3>
         <p>At any point during the lifetime of your program, if you'd like
         to get an array of the currently selected models after you've
diff --git a/src/templates/ref/extensions/select2-cell.handlebars b/src/templates/ref/extensions/select2-cell.handlebars
index 480b738..92624f9 100644
--- a/src/templates/ref/extensions/select2-cell.handlebars
+++ b/src/templates/ref/extensions/select2-cell.handlebars
@@ -115,7 +115,7 @@
             // Records the time since the last fetch
             lastUpdated: null,
 
-            // Max time ellapsed allowed since the last fetch.
+            // Max time elapsed allowed since the last fetch.
             // 5 minutes in miniseconds in this case.
             maxTimeSinceLastUpdate: 300000,
 
diff --git a/src/templates/ref/forewords.handlebars b/src/templates/ref/forewords.handlebars
index d99f0b7..9749d8a 100644
--- a/src/templates/ref/forewords.handlebars
+++ b/src/templates/ref/forewords.handlebars
@@ -28,7 +28,7 @@
         <p>Backgrid's View components are, borrowing from <a
           href="http://marionettejs.com/" title="Marionette">Marionette</a>'s
           parlance, primarily <em>CollectionView</em> and <em>ItemView</em>
-          components, which means the components are to be layed out
+          components, which means the components are to be laid out
           sequentially. However, the Grid's root element itself can be inserted
           to any where in the DOM.</p>
         <aside class="note">
@@ -65,7 +65,7 @@
           that, spend an inordinate amount of time to source for another similar
           plugin. If all else failed, you have to roll your own plugin.</p>
         <p>Your laziness has backfired, but that doesn't have to be the case.</p>
-        <p>The inherant problem with the jQuery plugin model is that it doesn't
+        <p>The inherent problem with the jQuery plugin model is that it doesn't
           offer you any help other than giving you a namespace, and the combined
           laziness of plugin authors and users have created an ecosystem full of
           opaque plugins that produce DOM structures that are hard to