Changeset dcd899c


Ignore:
Timestamp:
2010-06-17 00:56:34 (2 years ago)
Author:
micah.young
Branches:
master
Parents:
50dbedf
git-author:
Micah Young <micah@…> (2010-06-17 00:56:34)
git-committer:
Micah Young <micah@…> (2010-06-17 00:56:34)
Message:

Summary: added example projects and updated presentation

Files:
75 added
1 edited

Legend:

Unmodified
Added
Removed

  • html5.html

    r50dbedf rdcd899c  
    380380 
    381381      .present { 
    382         background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#ccc)); 
     382        color: white; 
     383        background: -webkit-gradient(linear, left top, left bottom, from(#00b), to(#00f)); 
    383384        background-color: #ff4; 
    384         background: -moz-linear-gradient(left top, #ff4, #ffa);         
     385        background: -moz-linear-gradient(left top, #006, #00c);         
    385386      } 
    386387      .css { 
    … …  
    518519          </section> 
    519520        </div> 
    520  
    521         <div class="slide"> 
    522           <header><span class="present">Present</span> <h1>HTML4 vs Reality</h1></header> 
    523           <section> 
    524             <hgroup> 
    525               <ul class="summary"> 
    526                   <li>Inconsistent browser implementations</li> 
    527                   <ul> 
    528                     <li>IE vs everyone</li> 
    529                   </ul> 
    530                   <li>Page layout is still done with generic tags and CSS and image hacks</li> 
    531                   <ul> 
    532                     <li>DIV &amp; UL are the new TABLE</li> 
    533                   </ul> 
    534                   <li>Forms are very limited</li> 
    535                   <ul> 
    536                     <li>Almost always need JavaScript for dates and validation</li> 
    537                   </ul> 
    538                   <li>Graphics can only be pre-rendered images</li> 
    539                   <li>Fonts are restricted to about a dozen legacy choices</li> 
    540                   <li>Video has no built-in support</li> 
    541                   <li>Plugins and browser extensions provide the missing features</li> 
    542                   <ul> 
    543                     <li>The majority of pages on the web require at least one plugin</li> 
    544                   </ul> 
    545               </ul> 
    546             </hgroup> 
    547           </section> 
    548         </div> 
    549  
    550         <div class="slide"> 
    551           <header><span class="present">Present</span> <h1>Plugins: Plugging the Holes</h1></header> 
    552           <section> 
    553             <hgroup> 
    554               <ul class="summary"> 
    555                 <li>Flash - video, audio, animation, vector graphics</li> 
    556                 <li>Java - robust programming language, rich GUIs</li> 
    557                 <li>Adobe Reader - formatted text, uniform document layouts</li> 
    558                 <li>Google Gears - offline storage, drag-drop, hardware acceleration</li> 
    559                 <li>3D plugins - 3D gaming</li> 
    560                 <li>Browser Extensions - themes, add functionality using browser-side code</li> 
    561               </ul> 
    562             </hgroup> 
    563           </section> 
    564         </div> 
    565  
    566         <div class="slide"> 
    567           <header><span class="present">Present</span> <h1>Web Apps and "The Cloud"</h1></header> 
    568           <section> 
    569             <hgroup> 
    570               <ul class="summary"> 
    571                 <li>Web Apps are replacing native applications</li> 
    572                 <ul> 
    573                   <li>Must be usable offline</li> 
    574                 </ul> 
    575                 <ul> 
    576                   <li>Need to be fast</li> 
    577                 </ul> 
    578                 <ul> 
    579                   <li>Have to save your work</li> 
    580                 </ul> 
    581                 <li>Must work with mobile devices</li> 
    582                 <ul> 
    583                   <li>Location-aware</li> 
    584                 </ul> 
    585                 <ul> 
    586                   <li>Augmented Reality</li> 
    587                 </ul> 
    588                 <ul> 
    589                   <li>Microformat integration</li> 
    590                 </ul> 
    591               </ul> 
    592             </hgroup> 
    593           </section> 
    594         </div> 
    595  
    596521 
    597522        <div class="slide"> 
    … …  
    637562 
    638563        <div class="slide"> 
    639           <header><span class="present">Present</span> <h1>What happened to XHTML?</header> 
     564          <header><span class="present">Present</span> <h1>What's Wrong with HTML4?</h1></header> 
    640565          <section> 
    641566            <hgroup> 
    642567              <ul class="summary"> 
    643                 <li>Slow Adoption</li> 
    644                 <li>Too brittle</li> 
    645                 <li>Still not specific enough for browser interoperability</li> 
     568                  <li>Inconsistent browser implementations</li> 
     569                  <ul> 
     570                    <li>Specifications vs Reality</li> 
     571                  </ul> 
     572                  <li>Page layout is still done with generic tags and CSS and image hacks</li> 
     573                  <ul> 
     574                    <li>DIV &amp; UL are the new TABLE</li> 
     575                    <li>Poor Accessibility</li> 
     576                  </ul> 
     577                  <li>Forms are very limited</li> 
     578                  <ul> 
     579                    <li>Almost always need JavaScript for dates and validation</li> 
     580                  </ul> 
     581                  <li>Graphics can only be pre-rendered images</li> 
     582                  <li>Fonts are restricted to about a dozen legacy choices</li> 
     583                  <li>Video has no built-in support</li> 
     584                  <li>Plugins and browser extensions provide the missing features</li> 
     585                  <ul> 
     586                    <li>The majority of pages on the web require at least one plugin</li> 
     587                  </ul> 
    646588              </ul> 
    647589            </hgroup> 
    … …  
    649591        </div> 
    650592         
     593        <div class="slide"> 
     594          <header><span class="present">Present</span> <h1>Plugins: Plugging the Holes</h1></header> 
     595          <section> 
     596            <hgroup> 
     597              <ul class="summary"> 
     598                <li>Flash - video, audio, animation, vector graphics</li> 
     599                <li>Java - robust programming language, rich GUIs</li> 
     600                <li>Adobe Reader - formatted text, uniform document layouts</li> 
     601                <li>Google Gears - offline storage, drag-drop, hardware acceleration</li> 
     602                <li>3D plugins - 3D gaming</li> 
     603                <li>Browser Extensions - themes, add functionality using browser-side code</li> 
     604              </ul> 
     605            </hgroup> 
     606          </section> 
     607        </div> 
     608 
     609        <div class="slide"> 
     610          <header><span class="present">Present</span> <h1>Web Apps and "The Cloud"</h1></header> 
     611          <section> 
     612            <hgroup> 
     613              <ul class="summary"> 
     614                <li>Web Apps are replacing native applications</li> 
     615                <ul> 
     616                  <li>Must be usable offline</li> 
     617                  <li>Need to be fast</li> 
     618                  <li>Have to save your work</li> 
     619                </ul> 
     620                <li>Must work with mobile devices</li> 
     621                <ul> 
     622                  <li>Location-aware</li> 
     623                  <li>Augmented Reality</li> 
     624                  <li>Microformat integration</li> 
     625                  <li>Must work the same across many browsers and screens</li> 
     626                </ul> 
     627              </ul> 
     628            </hgroup> 
     629          </section> 
     630        </div> 
    651631         
     632 
     633        <div class="slide"> 
     634          <header><span class="present">Present</span> <h1>...and What Happened to XHTML?</header> 
     635          <section> 
     636            <hgroup> 
     637              <ul class="summary"> 
     638                <li>More rigid specification</li> 
     639                <ul> 
     640                    <li>Supposed to reduce browser inconsistencies</li> 
     641                </ul> 
     642                <li>Few developers used it because:</li> 
     643                <ul> 
     644                    <li>Broke familiar "quirks"</li> 
     645                    <li>Too brittle</li> 
     646                    <li>Still not specific enough for browser interoperability</li> 
     647                </ul> 
     648              </ul> 
     649            </hgroup> 
     650          </section> 
     651        </div> 
     652 
    652653        <div class="slide"> 
    653654          <section class="chapter center"> 
Note: See TracChangeset for help on using the changeset viewer.