Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
HTML5 - Yeah!
Search
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
J Cornelius
November 18, 2011
Technology
390
3
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
HTML5 - Yeah!
Presented at ReMix South, Aug. 6th 2011.
J Cornelius
November 18, 2011
More Decks by J Cornelius
See All by J Cornelius
Product Strategy for the New Normal
jc
0
62
Human-Centered Product Design
jc
3
420
Designing for Humans
jc
1
130
Redesign Your Design Thinking
jc
5
1.5k
Digital Fluency and User Experience
jc
1
270
Mobile Commerce Mistakes
jc
1
190
Design, Experience, Startups
jc
3
190
Design for Success - Fundamentals that Build Brand
jc
3
600
The Why of HTML5 - ConvergeSE 2012
jc
2
320
Other Decks in Technology
See All in Technology
AI for Science時代を切り開く、政府の次世代HPC戦略の展望
gpuunite_official
0
130
AI開発に用いられるHPC技術について
gpuunite_official
0
190
AI時代のアウトプット――変わったこと、変わらないこと / Devsumi 2026 Kansai #devsumi
jnchito
0
370
トークンマネジメントでAIにとって働きやすい環境を実現する
hikaruegashira
0
130
平文パスワードはログに“残り” ── 肝心の侵入は“痕跡すら残らない”
kuroneko13
0
110
LanceDB入門
mocobeta
9
650
Kiro入門|仕様駆動開発で変わるAI時代の開発スタイル
cmkudo
0
280
35分でわかるEffective Platform Engineering
nwiizo
5
570
長期運営で肥大化したExcelマスターデータの解消に向けた移行事例
gree_tech
PRO
0
100
私がブラウザを自作したくなった理由
supurazako
1
280
【書籍出版記念】 10周回って、エージェント開発は RAGがすべてだった。〜RAGの歴史と開発現場で見えた実践知〜
akiratameto
3
480
8bit CPU 2026
koba789
3
1.4k
Featured
See All Featured
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.5k
Conquering PDFs: document understanding beyond plain text
inesmontani
PRO
4
3k
Unlocking the hidden potential of vector embeddings in international SEO
frankvandijk
0
900
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
aleyda
2
11k
For a Future-Friendly Web
brad_frost
183
10k
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
akihiro_kokubo
PRO
73
41k
How to Align SEO within the Product Triangle To Get Buy-In & Support - #RIMC
aleyda
2
1.8k
Pawsitive SEO: Lessons from My Dog (and Many Mistakes) on Thriving as a Consultant in the Age of AI
davidcarrasco
0
220
jQuery: Nuts, Bolts and Bling
dougneiner
66
8.5k
How to build an LLM SEO readiness audit: a practical framework
nmsamuel
1
870
Test your architecture with Archunit
thirion
2
2.4k
Jess Joyce - The Pitfalls of Following Frameworks
techseoconnect
PRO
1
370
Transcript
Monday, August 8, 11
#remixhtml5 Monday, August 8, 11
Monday, August 8, 11
WHY? Monday, August 8, 11
The Internet is a strange, huge beast. It is getting
bigger, faster and more mobile each day.” http://www.onlineschools.org/state-of-the-internet/soti.html “ Monday, August 8, 11
4,835,049,149 Monday, August 8, 11
www.lingscars.com Monday, August 8, 11
TIMELINE Monday, August 8, 11
HTML 2 Nov. 1995 Coolio - Gangsta’s Paradise Monday, August
8, 11
HTML 3.2 Jan. 1997 Kenny G - Six of Hearts
Monday, August 8, 11
HTML 4 Dec. 1997 Eminem - The Slim Shady EP
Monday, August 8, 11
XHTML 1.0 Jan. 2000 The Presidents of the United States
of America - Lump Monday, August 8, 11
/> Monday, August 8, 11
XHTML 1.1 May 2001 Janet Jackson - All For You
Monday, August 8, 11
HTML5 Jun. 2004 Usher - Yeah! Monday, August 8, 11
HTML5 Jun. 2004 I’ll get you! apple.com/hotnews/thoughts-on-flash/ Monday, August 8,
11
apple.com/html5 Monday, August 8, 11
Web 3.0 Web 2.0 What it’s not: Flash Killer Silverlight
Killer CSS3 jQuery Animations MooTools YUI Video Audio Games Everything Monday, August 8, 11
HTML 5 see that space? ...and it’s not Monday, August
8, 11
What it is. Monday, August 8, 11
In the thinking of its creators, HTML5 was always just
HTML.” ~ Jeffrey Zeldman http://www.zeldman.com/2011/01/27/html5-vs-html/ “ Monday, August 8, 11
Natural evolution of HTML. HTML http://blog.whatwg.org/html-is-the-new-html5 Monday, August 8, 11
Application Platform SEMANTICS CSS 3 GRAPHICS & 3D MULTIMEDIA DEVICE
ACCESS CONNECTIVITY OFFLINE STORAGE PERFORMANCE & INTEGRATION Monday, August 8, 11
SEMANTICS Monday, August 8, 11
/> > == /> > > but really Monday, August
8, 11
<!DOCTYPE html> Monday, August 8, 11
<meta charset=”utf-8”> Monday, August 8, 11
<h2> <a href=”#”>Heading</a> </h2> <p> <a href=”#”>Text</a> </p> Hat Tip:
Jeremy Keith (@adactio) Monday, August 8, 11
<a href=”#”> <h2>Heading</h2> <p>Text</p> </a> Hat Tip: Jeremy Keith (@adactio)
Monday, August 8, 11
<header> <nav> <footer> <section> <article> <aside> <details> <summary> <figure> <video>
<audio> <canvas> Monday, August 8, 11
<div class=”footer”> <div class=”nav”> <ul> <li><a href=”#”>This</a></li> <li><a href=”#”>That</a></li> </ul>
</div> </div> Hat Tip: Jeremy Keith (@adactio) Monday, August 8, 11
<footer> <nav> <a href=”#”>This</a> <a href=”#”>That</a> </nav> </footer> Hat Tip:
Jeremy Keith (@adactio) Monday, August 8, 11
<time> <input type=”email”> <input type=”url”> Monday, August 8, 11
http://dev.opera.com/articles/view/new-form-features-in-HTML5/ Monday, August 8, 11
<section> <article> Monday, August 8, 11
http://andyrutledge.com/news-redux.php Monday, August 8, 11
Section or Article? http://andyrutledge.com/news-redux.php Monday, August 8, 11
<article> </article> <header> <h2>Lauren Cheney Stan...</h2> <summary>Frankfurt...</summary> <details>by Shelly...</details> </header>
<figure> <img src=”/photos/yay.jpg”> <figcaption>Laur...</figcaption> </figure> <section id=”content”> <p>When the 79th minute...</p> <p>...</p> </section> <aside> <a>Print</a> <a>Single Page</a> <ul><li>...</li><li>...</li></ul> </aside> http://andyrutledge.com/news-redux.php Monday, August 8, 11
Application Platform SEMANTICS CSS 3 GRAPHICS & 3D MULTIMEDIA DEVICE
ACCESS CONNECTIVITY OFFLINE STORAGE PERFORMANCE & INTEGRATION Monday, August 8, 11
www.nikebetterworld.com Monday, August 8, 11
www.thisshell.com Monday, August 8, 11
http://mbostock.github.com/d3/ex/stack.html Monday, August 8, 11
http://mbostock.github.com/d3/ex/bullet.html Monday, August 8, 11
phonegap.com Monday, August 8, 11
We realized we could do the full Pandora experience without
Flash.” ~ Tom Conrad, CTO - Pandora “ pandora.com/newpandora Monday, August 8, 11
WHY? Monday, August 8, 11
You already know it. Monday, August 8, 11
What about browser support, man? Monday, August 8, 11
Monday, August 8, 11
Browsers already know it, too. Monday, August 8, 11
document.createElement(); http://html5shiv.googlecode.com Monday, August 8, 11
document.createElement(“header”); document.createElement(“footer”); document.createElement(“section”); document.createElement(“nav”); and so on... http://html5shiv.googlecode.com Monday, August
8, 11
Offline Storage Monday, August 8, 11
Geolocation Monday, August 8, 11
Because it’s already all around you. Monday, August 8, 11
Because of IE6. Monday, August 8, 11
95% of the Web doesn’t validate. Monday, August 8, 11
Beyond the Rendering Engine Monday, August 8, 11
<b><i>Hi there</b></i> http://labs.opera.com/news/2011/02/22/ Monday, August 8, 11
Internet Explorer 9, Safari 5 <b><i>Hi there</i></b> <b><i>Hi there</i></b><i></i> Firefox,
Opera, Chrome http://labs.opera.com/news/2011/02/22/ Monday, August 8, 11
Because it’s cool. Monday, August 8, 11
Resources Monday, August 8, 11
vid.ly Monday, August 8, 11
html5boilerplate.com @boiler_plate Monday, August 8, 11
modernizr.com @modernizr Monday, August 8, 11
github.com/Modernizr/Modernizr/wiki/HTML5-Cross-Browser-Polyfills Monday, August 8, 11
MORE RESOURCES - diveintohtml5.com - html5doctor.com - html5wow.com - html5demos.com
- html5accessibility.com/HTML5ASS/ - html5labs.interoperabilitybridges.com Monday, August 8, 11
400 New people come online every minute 4,835,049,149 Monday, August
8, 11
www.lingscars.com Monday, August 8, 11
nissanusa.com/leaf-electric-car Monday, August 8, 11
“Do or do not. There is no try.” ~ Yoda
Monday, August 8, 11
Thank you. J. Cornelius jcornelius.com Monday, August 8, 11