Commits

David Chambers committed 590212a

foo

Comments (0)

Files changed (2)

+<!doctype html>
+
+<!--
+  Google HTML5 slide template
+
+  Authors: Luke Mahé (code)
+           Marcin Wichary (code and design)
+           
+           Dominic Mazzoni (browser compatibility)
+           Charles Chen (ChromeVox support)
+
+  URL: http://code.google.com/p/html5slides/
+-->
+
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <title>Presentation</title>
+    <link rel="stylesheet" href="slides.css" />
+    <script src="http://html5slides.googlecode.com/svn/trunk/slides.js"></script>
+    <script src="http://use.typekit.com/iqr8qet.js"></script>
+    <script>try{Typekit.load();}catch(e){}</script>
+  </head>
+  <body style="display:none">
+    <section class="slides layout-regular template-default">
+
+      <article>
+        <h1>What is the most significant difference between native apps and web apps?</h1>
+        <ul class="build">
+          <li>Accessibility?</li>
+          <li>Performance?</li>
+          <li>Openness?</li>
+        </ul>
+      </article>
+
+      <article class="standalone">
+        <h1>URLs</h1>
+        <p class="build"><em>seriously</em></p>
+      </article>
+
+      <article>
+        <p>Any app can use HTTP.</p>
+        <p class="build"><span>But only <em>web</em> apps have URLs.</span></p>
+      </article>
+
+      <article>
+        <h1>Why are URLs important?</h1>
+        <p class="build"><span>URLs…</span></p>
+        <ul class="build">
+          <li>uniquely identify resources</li>
+          <li>describe content</li>
+          <li>suggest relationships</li>
+          <li>provide a means of navigation</li>
+        </ul>
+      </article>
+
+      <article>
+        <p>But most important of all… <span class="build"><span>URLs make it possible to link <em>into</em> a web application.</span></span></p>
+      </article>
+
+      <article>
+        <p>But most important of all… <span class="build"><span>URLs make it possible to link <em>into</em> a web application.</span></span></p>
+        <div class="build">
+          <div>
+            <blockquote>[The web is the] beautiful interconnection of navigable content. If your website locks content away in a container, outside the reach of hyperlinks, you’re not building any kind of ‘web’ app. You’re doing something else.</blockquote>
+            <cite>Ben Ward</cite>
+          </div>
+        </div>
+      </article>
+
+      <article id="url-design">
+        <h1>URL design</h1>
+        <h2>Good</h2>
+        <p>https://github.com/jashkenas/docco</p>
+        <h2>Bad</h2>
+        <p><span
+          >http://www.amazon.com/Freakonomics-Rev-Ed-</span><span
+          >Riddles-ebook/dp/B000MAH66Y/ref=pd_ys_qtk_</span><span
+          >general_recs_3?pf_rd_p=1286318242&pf_rd_s=</span><span
+          >center-1&pf_rd_t=1501&pf_rd_i=home&pf_rd_m</span><span
+          >=ATVPDKIKX0DER&pf_rd_r=026JKHG8WK2THRHPAFNG</span></p>
+        <h2>Ugly</h2>
+        <p>http://t.co/icswhTD</p>
+      </article>
+
+      <article>
+        <h1>Qualities of great URLs</h1>
+        <ul class="build">
+          <li>Permanence</li>
+          <li>Canonicalness</li>
+          <li>Descriptiveness</li>
+          <li>Hackability</li>
+          <li>Elegance</li>
+        </ul>
+      </article>
+
+      <article>
+        <h1>Related</h1>
+        <ul>
+          <li><a href="http://www.w3.org/Provider/Style/URI.html">Cool URIs don't change</a></li>
+          <li><a href="http://webcache.googleusercontent.com/search?q=cache:70WDgwjFtagJ:benward.me/blog/understand-the-web+http://benward.me/blog/understand-the-web+cache&cd=1&hl=en&ct=clnk&gl=us&source=www.google.com">Understand The Web</a></li>
+          <li><a href="http://adactio.com/journal/4346/">Going Postel</a></li>
+        </ul>
+      </article>
+
+      <article>
+        <h1>Me</h1>
+        <ul>
+          <li><a href="https://bitbucket.org/davidchambers">bitbucket.org/davidchambers</a></li>
+          <li><a href="https://github.com/davidchambers">github.com/davidchambers</a></li>
+          <li><a href="http://twitter.com/davidchambers">twitter.com/davidchambers</a></li>
+        </ul>
+      </article>
+
+      <article class="standalone">
+        <p><i>thank you</i></p>
+      </article>
+
+    </section>
+  </body>
+</html>
+body .slides article {
+  width: 820px;
+  height: 620px;
+  background: #fff !important;
+  padding: 80px 100px;
+  font: 48px/56px ff-tisa-web-pro, Georgia, serif;
+  color: #000;
+}
+
+body .slides article.standalone {
+  padding-top: 240px;
+  text-align: center;
+}
+
+body .slides article.standalone h1 {
+  margin-bottom: -0.25em;
+}
+
+body h1 {
+  margin: 0 0 0.75em;
+  padding-right: 10px;
+  font-size: inherit;
+  line-height: inherit;
+  letter-spacing: -2px;
+  color: #000;
+}
+
+body ul {
+  margin: 0;
+}
+
+body li {
+  margin: 0.25em 0;
+}
+
+body li::before {
+  margin-left: -1em;
+  content: "■";
+  font-size: 36px;
+  line-height: 56px;
+  color: #ccc;
+}
+
+body a,
+body a:-webkit-any-link {
+  text-decoration: none;
+}
+
+blockquote {
+  margin: 0;
+}
+
+#url-design h2 {
+  position: relative;
+  bottom: inherit;
+  margin: 8px 0;
+  font-size: 36px;
+  line-height: 42px;
+  letter-spacing: -1px;
+  color: #000;
+}
+
+#url-design p {
+  margin: 0;
+  font: 24px/1.25 Courier, monospace;
+}
+
+#url-design p span {
+  display: block;
+}