Find file
Fetching contributors…
Cannot retrieve contributors at this time
130 lines (106 sloc) 5.49 KB
<!DOCTYPE html>
<html lang="en">
<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">
<!-- 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;
<a href=""><img style="z-index: 2000; position: fixed; top: 0; right: 0; border: 0;" src="" 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 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="">Github Repo</a></li>
</div><!--/.nav-collapse -->
<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="">HTML5 Boiler Plate</a></li>
<li><a href="">Ember.js</a></li>
<li><a href="">Moment.js</a></li>
<li><a href="">Bootstrap CSS Framework</a></li>
<li><a href="">LawnChair.js</a></li>
</div><!--/.well -->
<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=""></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="">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="">Prefixr</a>.</p>
<!-- 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">
var _gaq=[['_setAccount','UA-29459980-1'],['_trackPageview']];
(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];