Skip to content

Commit

Permalink
Styling titles
Browse files Browse the repository at this point in the history
  • Loading branch information
@dce
dce committed Jun 13, 2009
1 parent 995d863 commit 43e5281
Show file tree
Hide file tree
Showing 2 changed files with 61 additions and 46 deletions.
89 changes: 46 additions & 43 deletions public/slides.html
View file
Expand Up @@ -16,32 +16,32 @@ <h1>Optimizing Perceived Performance</h1>
<div id="slide-container">
<ol id="slides">
<li>
<h2>Optimizing Perceived Performance</h2>
<h2><span>Optimizing Perceived Performance</span></h2>

<img src="/images/ricer.jpg" />
</li>

<li>
<h2>About Me</h2>
<h2><span>About Me</span></h2>

<img src="/images/dce.jpg" class="top-pad">
</li>

<li class="centered">
<h2>My Startup</h2>
<h2><span>My Startup</span></h2>
<h3>&ldquo;DBDB&rdquo;</h3>

<span class="url">http://dbdb.local/home</span>
</li>

<li>
<h2>The Problem</h2>
<h2><span>The Problem</span></h2>

<img src="/images/bagfactor.jpg" class="top-pad"/>
</li>

<li>
<h2>The Problem (Con't)</h2>
<h2><span>The Problem (Con&rsquo;t)</span></h2>

<div class="code">

Expand All @@ -56,20 +56,21 @@ <h2>The Problem (Con't)</h2>
</li>

<li>
<h2>http://github.com/dce/dbdb</h2>
<h2><span>http://github.com/dce/dbdb</span></h2>

<ul>
<li>Rails app</lidoesn&rsquo;t>
<li>public/slides.html</li>
<li>public/javacripts/jquery.jquinote.js</li>
</ul>
</li>

<li>
<h2>It could happen to you</h2>
<h2><span>It could happen to you</span></h2>
</li>

<li>
<h2>First Impressions</h2>
<h2><span>First Impressions</span></h2>

<img src="/images/handshake.jpg" />
</li>
Expand Down Expand Up @@ -108,29 +109,29 @@ <h2>First Impressions</h2>
</li>

<li>
<h2>Bring in the AJAX</h2>
<h2><span>Bring in the AJAX</span></h2>
</li>

<li>
<h2>Some Definitions</h2>
<h2><span>Some Definitions</span></h2>
</li>

<li>
<h2>Progressive Enhancement</h2>
<h2><span>Progressive Enhancement</span></h2>
</li>

<li>
<h2>Unobtrusive Javascript</h2>
<h2><span>Unobtrusive Javascript</span></h2>
</li>

<li>
<h2>HIJAX</h2>
<h2><span>HIJAX</span></h2>

<img src="/images/conair.jpg" class="top-pad" />
</li>

<li>
<h2>jQuery</h2>
<h2><span>jQuery</span></h2>
</li>

<li>
Expand Down Expand Up @@ -179,7 +180,7 @@ <h2>jQuery</h2>
</li>

<li>
<h2>Make It Snappy</h2>
<h2><span>Make It Snappy</span></h2>

<img src="/images/ohsnap.jpg" class="top-pad" />
</li>
Expand Down Expand Up @@ -214,7 +215,7 @@ <h2>Make It Snappy</h2>
</li>

<li>
<h2>Take Advantage of Downtime</h2>
<h2><span>Take Advantage of Downtime</span></h2>

<img src="/images/gmail.jpg" />
</li>
Expand Down Expand Up @@ -256,13 +257,13 @@ <h2>Take Advantage of Downtime</h2>
</li>

<li>
<h2>Isolate Bottlenecks</h2>
<h2><span>Isolate Bottlenecks</span></h2>

<img src="/images/github.jpg" />
</li>

<li>
<h2>JSON</h2>
<h2><span>JSON</span></h2>

<div class="code">

Expand Down Expand Up @@ -327,7 +328,7 @@ <h2>JSON</h2>
</li>

<li>
<h2>Best and Worst Solution</h2>
<h2><span>Worst Best Solution</span></h2>

<ul>
<li>Most information in least time</li>
Expand All @@ -337,7 +338,7 @@ <h2>Best and Worst Solution</h2>
</li>

<li>
<h2>New Problem</h2>
<h2><span>New Problem</span></h2>
</li>

<li>
Expand All @@ -347,13 +348,13 @@ <h2>New Problem</h2>
</li>

<li>
<h2>Remove Blocking Operations</h2>
<h2><span>Remove Blocking Operations</span></h2>

<img src="/images/mclovin.jpg" class="top-pad"/>
</li>

<li>
<h2>The Usual Way</h2>
<h2><span>The Usual Way</span></h2>

<ul>
<li>Hidden iFrame</li>
Expand All @@ -363,11 +364,11 @@ <h2>The Usual Way</h2>
</li>

<li>
<h2>Something Sorta Nuts</h2>
<h2><span>Something Sorta Nuts</span></h2>
</li>

<li>
<h2>avatars/new.html.erb</h2>
<h2><span>avatars/new.html.erb</span></h2>

<div class="code">

Expand All @@ -388,7 +389,7 @@ <h2>avatars/new.html.erb</h2>
</li>

<li>
<h2>avatars/create.html.erb</h2>
<h2><span>avatars/create.html.erb</span></h2>

<div class="code">

Expand Down Expand Up @@ -418,14 +419,14 @@ <h2>avatars/create.html.erb</h2>
</li>

<li>
<h2>Cool? Lame?</h2>
<h2><span>Cool? Lame?</span></h2>

<img src="/images/wyclef.jpg" class="top-pad">
<p class="caption">(It doesn't matter)</p>
</li>

<li>
<h2>Server Side</h2>
<h2><span>Server Side</span></h2>
</li>

<li>
Expand All @@ -438,7 +439,7 @@ <h2>Server Side</h2>
</li>

<li>
<h2>Fewer HTTP Requests</h2>
<h2><span>Fewer HTTP Requests</span></h2>

<ul>
<li>Combine scripts &amp; CSS files</li>
Expand All @@ -448,7 +449,7 @@ <h2>Fewer HTTP Requests</h2>
</li>

<li>
<h2>Optimize Browser Caching</h2>
<h2><span>Optimize Browser Caching</span></h2>

<ul>
<li>Use a far-future <code>expires</code> header</li>
Expand All @@ -458,7 +459,7 @@ <h2>Optimize Browser Caching</h2>
</li>

<li>
<h2>Reduce File Size</h2>
<h2><span>Reduce File Size</span></h2>

<ul>
<li>Minify JS - asset_packager</li>
Expand All @@ -468,13 +469,13 @@ <h2>Reduce File Size</h2>
</ul>

<li>
<h2>The Future</h2>
<h2><span>The Future</span></h2>

<h3>Rails 3</h3>
</li>

<li>
<h2>The <code>link_to_remote</code> Helper</h2>
<h2><span>The <code>link_to_remote</code> Helper</span></h2>

<div class="code">

Expand All @@ -487,7 +488,7 @@ <h2>The <code>link_to_remote</code> Helper</h2>
</li>

<li>
<h2>The Old Way</h2>
<h2><span>The Old Way</span></h2>

<div class="code">

Expand All @@ -507,7 +508,7 @@ <h2>The Old Way</h2>
</li>

<li>
<h2>The New Way</h2>
<h2><span>The New Way</span></h2>

<div class="code">

Expand All @@ -524,7 +525,7 @@ <h2>The New Way</h2>
</li>

<li>
<h2>The New Way (Con't)</h2>
<h2><span>The New Way (Con&rsquo;t)</span></h2>

<div class="code">

Expand Down Expand Up @@ -570,25 +571,27 @@ <h2>The New Way (Con't)</h2>
</li>

<li>
<h2>Conclusion</h2>
<h2><span>Conclusion</span></h2>
</li>

<li>
<h2>Consider perceived performance</h2>
<h2><span>Consider perceived performance</span></h2>
</li>

<li>
<h2>Write your own JS</h2>
<h2><span>Write your own JS</span></h2>
</li>

<li>
<h2>Thank You</h2>
<li class="centered">
<h2><span>Thank You</span></h2>

<h3>[Spkr8 Link]</h3>
<h3>http://speakerrate.com/talks/1182</h3>
</li>

<li>
<h2>Questions?</h2>
<li class="centered">
<h2><span>Your Turn</span></h2>

<h3>Questions? Stories?</h3>
</li>
</ol>
</div>
Expand Down
18 changes: 15 additions & 3 deletions public/stylesheets/screen.css
View file
Expand Up @@ -38,11 +38,15 @@ h1 {
}

h2 {
margin: 0 0 20px 0;
padding: 0;
margin: 10px 0 30px -20px;
font-size: 2em;
}

h2 span {
background-color: #FF0;
padding: 5px 10px;
}

div#slide-container {
margin: 0 auto;
padding: 0;
Expand Down Expand Up @@ -95,11 +99,19 @@ ol#slides>li {

ol#slides li.centered {
text-align: center;
padding-top: 200px;
padding-top: 250px;
}

ol#slides li.centered h2 {
margin: 0 0 20px 0;
}

ol#slides ul {
list-style-type: square;
font-size: 2em;
}

ol#slides ul li {
margin-bottom: 20px;
}

Expand Down

0 comments on commit 43e5281

Please sign in to comment.