Permalink
Switch branches/tags
Nothing to show
Find file
Fetching contributors…
Cannot retrieve contributors at this time
130 lines (106 sloc) 5.49 KB
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Web App Code Lab</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="Pete LePage petele@google.com">
<!-- Le styles -->
<link href="docs/prettify.css" type="text/css" rel="stylesheet" />
<link href="finalproject/css/bootstrap.css" rel="stylesheet" />
<style type="text/css">
body {
padding-top: 60px;
padding-bottom: 40px;
}
.sidebar-nav {
padding: 9px 0;
}
</style>
</head>
<body>
<a href="https://github.com/petele/WebApp-CodeLab"><img style="z-index: 2000; position: fixed; top: 0; right: 0; border: 0;" src="https://a248.e.akamai.net/assets.github.com/img/e6bef7a091f5f3138b8cd40bc3e114258dd68ddf/687474703a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f7265645f6161303030302e706e67" alt="Fork me on GitHub"></a>
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container-fluid">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" href="#">Web App Code Lab</a>
<div class="nav-collapse">
<ul class="nav">
<li><a href="index.html">Instructions</a></li>
<li><a href="slides/index.html">Slides</a></li>
<li><a href="finalproject/">Completed App</a></li>
<li><a href="https://github.com/petele/WebApp-CodeLab">Github Repo</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
</div>
<div class="container-fluid">
<div class="row-fluid">
<div class="span3">
<div class="well sidebar-nav">
<ul class="nav nav-list">
<li class="nav-header">Instructions</li>
<li class="active"><a href="#">Introduction</a></li>
<li><a href="#">Exercise 1</a></li>
<li><a href="#">Exercise 2</a></li>
<li><a href="#">Exercise 3</a></li>
<li><a href="#">Exercise 4</a></li>
<li><a href="#">Exercise 5</a></li>
<li><a href="#">Exercise 6</a></li>
<li><a href="#">Exercise 7</a></li>
<li><a href="#">Exercise 8</a></li>
<li><a href="#">Exercise 9</a></li>
<li><a href="#">Exercise 10</a></li>
<li><a href="#">Exercise 11</a></li>
<li><a href="#">Exercise 12</a></li>
<li class="nav-header">Updates &amp; Errata</li>
<li><a href="errata.html">Errata</a></li>
<li class="nav-header">Library Documentation</li>
<li><a href="http://html5boilerplate.com/">HTML5 Boiler Plate</a></li>
<li><a href="http://emberjs.com/">Ember.js</a></li>
<li><a href="http://momentjs.com/">Moment.js</a></li>
<li><a href="http://twitter.github.com/bootstrap/">Bootstrap CSS Framework</a></li>
<li><a href="http://westcoastlogic.com/lawnchair/">LawnChair.js</a></li>
</ul>
</div><!--/.well -->
</div><!--/span-->
<div class="span9">
<h1>WReader Code Lab Errata &amp; Updates</h1>
<p>This code lab is a work in progress, and there are a number of errors or items that need to be updated. For the most up to date documentation and source code, be sure to check <a href="https://github.com/petele/WebApp-CodeLab">https://github.com/petele/WebApp-CodeLab</a>.</p>
<h2>Exercise 1</h2>
<p>Exercise 1 is a little weak right now and needs to be updated to include more of an EmberJS introduction.</p>
<h2>LawnChair IndexedDB Adapter</h2>
<p>The <a href="finalproject/js/libs/lawnchair-adapter-indexed-db-0.6.1.js">LawnChair IndexedDB Adapter</a> is currently hard coded to use the WebKit prefixes, which will fail for any non-webkit browser. There are two solutions I'm currently investigating, updating the IndexedDB adapter, or replacing LawnChair with the <a href="https://github.com/jensarps/IDBWrapper">IDBWrapper</a>.</p>
<h2>Vendor Prefixed CSS Styles</h2>
<p>Almost all of the CSS is <code>-webkit</code> prefixed, and does not include prefixes for other browsers, this is a <em>bad</em> practice and needs to be fixed. Beyond updating the documentation, a quick fix is to run the code through <a href="http://prefixr.com/">Prefixr</a>.</p>
</div><!--/span-->
</div><!--/row-->
<hr>
<footer>
</footer>
</div><!--/.fluid-container-->
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="finalproject/js/libs/jquery-1.7.1.min.js"></script>
<script src="finalproject/js/libs/bootstrap.js"></script>
<script type="text/javascript" src="docs/prettify.js"></script>
<script type="text/javascript">
$("pre").addClass("prettyprint");
prettyPrint();
</script>
<script>
var _gaq=[['_setAccount','UA-29459980-1'],['_trackPageview']];
(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
s.parentNode.insertBefore(g,s)}(document,'script'));
</script>
</body>
</html>