Add prefixfree and adjust CSS

With prefixfree you don't need a devserver or anything to get the same look as
in the version built with gulp.

Changed `columns` to `column-count` to counter prefixfree bug here due to CSS
naming weirdness: LeaVerou/prefixfree#54

bower.json

@@ -3,5 +3,8 @@
   "dependencies": {
     "jquery": "~2.1.0",
     "bootstrap": "~3.2.0"
+  },
+  "devDependencies": {
+    "prefixfree": "91790e8aff6d807cd62018479db2307e1972b92a"
   }
 }

index.html

@@ -15,6 +15,9 @@
 		<meta property="og:image" content="https://raw.github.com/tastejs/todomvc/gh-pages/site-assets/screenshot.png">
 		<meta property="og:description" content="Helping you select an MV* framework - Todo apps for Backbone.js, Ember.js, AngularJS, Spine and many more">
 		<link rel="shortcut icon" href="site-assets/favicon.ico">
+		<!-- build:remove -->
+		<script src="bower_components/prefixfree/prefixfree.min.js"></script>
+		<!-- endbuild -->
 		<!-- build:css site-assets/main.min.css -->
 		<link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css">
 		<link rel="stylesheet" href="site-assets/main.css">

site-assets/main.css

@@ -122,7 +122,7 @@ header nav a:not(:last-child) {
 	list-style: none;
 	margin: 0;
 	padding: 0;
-	columns: 1;
+	column-count: 1;
 	font-size: 17px;
 }
 
@@ -325,7 +325,7 @@ a.zocial {
 
 @media (max-width: 480px) {
 	body .applist {
-		columns: auto !important;
+		column-count: auto !important;
 	}
 
 	.credit a {
@@ -356,21 +356,21 @@ a.zocial {
 
 @media (min-width: 480px) {
 	.applist {
-		columns: 2;
+		column-count: 2;
 	}
 }
 
 @media (min-width: 640px) and (max-width: 770px) {
 	.applist {
-		columns: 3;
+		column-count: 3;
 	}
 }
 
 
 @media (min-width: 771px) {
 	.js,
 	.ctojs {
-		columns: 4;
+		column-count: 4;
 	}
 }