put the 5 in html
DESCRIPTION
Une présentation sur HTML5 que j'ai présenté à FOSSLC SC2011 - Software Developers' HavenTRANSCRIPT
![Page 1: Put the 5 in HTML](https://reader034.vdocuments.mx/reader034/viewer/2022042713/545c9bc1af7959b90e8b4833/html5/thumbnails/1.jpg)
SC2011 - Software Developers' Haven
2011-08-27
Frédéric Harper – Microsoft Canada
![Page 2: Put the 5 in HTML](https://reader034.vdocuments.mx/reader034/viewer/2022042713/545c9bc1af7959b90e8b4833/html5/thumbnails/2.jpg)
• A quick overview
• A focus on some new features
• Law of two feets
• And it will be all about…
![Page 3: Put the 5 in HTML](https://reader034.vdocuments.mx/reader034/viewer/2022042713/545c9bc1af7959b90e8b4833/html5/thumbnails/3.jpg)
7 tracks with: 6 Agile sessions,
6 Software Architecture sessions,
6 Web Dev sessions
and 28 more!
![Page 4: Put the 5 in HTML](https://reader034.vdocuments.mx/reader034/viewer/2022042713/545c9bc1af7959b90e8b4833/html5/thumbnails/4.jpg)
A. You know HTML5 and use it now
B. You know what is HTML5 and don’t use it
C. You don’t know what I am talking about
![Page 5: Put the 5 in HTML](https://reader034.vdocuments.mx/reader034/viewer/2022042713/545c9bc1af7959b90e8b4833/html5/thumbnails/5.jpg)
• Web Standard
• Next version of HTML4 (I know, I’m so brilliant)
• Draft
• New structure tags/elements/input types
• A combinaison of HTML, CSS and Javascript
![Page 7: Put the 5 in HTML](https://reader034.vdocuments.mx/reader034/viewer/2022042713/545c9bc1af7959b90e8b4833/html5/thumbnails/7.jpg)
<div id=“header”>
<div id=“footer”>
<d
iv id
=
“si
de
ba
r”>
<div id=“nav”>
<div id=“article”>
<div id=“article”>
<div id=“media”>
<div id=“section”>
![Page 8: Put the 5 in HTML](https://reader034.vdocuments.mx/reader034/viewer/2022042713/545c9bc1af7959b90e8b4833/html5/thumbnails/8.jpg)
<header>
<footer>
<a
sid
e>
<nav>
<article>
<article>
<figure>
<section>
![Page 10: Put the 5 in HTML](https://reader034.vdocuments.mx/reader034/viewer/2022042713/545c9bc1af7959b90e8b4833/html5/thumbnails/10.jpg)
![Page 12: Put the 5 in HTML](https://reader034.vdocuments.mx/reader034/viewer/2022042713/545c9bc1af7959b90e8b4833/html5/thumbnails/12.jpg)
<video src="video.mp4" id="videoTag">
<source src="video.webm" />
<a href="http://videolink.com/">
Sorry, your browser doesn’t support HTML5 video tag
</a>
<!– Flash/Silverlight video here -->
</video>
![Page 16: Put the 5 in HTML](https://reader034.vdocuments.mx/reader034/viewer/2022042713/545c9bc1af7959b90e8b4833/html5/thumbnails/16.jpg)
<link href="mobile.css" rel="stylesheet" media="screen and (max-width:480px)“ type="text/css" />
<link href="netbook.css" rel="stylesheet“ media="screen and (min-width:481px) and (max-width: 1024px)“ type="text/css" />
<link href="laptop.css" rel="stylesheet" media="screen and (min-width:1025px)“ type="text/css" />
![Page 18: Put the 5 in HTML](https://reader034.vdocuments.mx/reader034/viewer/2022042713/545c9bc1af7959b90e8b4833/html5/thumbnails/18.jpg)
![Page 19: Put the 5 in HTML](https://reader034.vdocuments.mx/reader034/viewer/2022042713/545c9bc1af7959b90e8b4833/html5/thumbnails/19.jpg)
Try it
![Page 20: Put the 5 in HTML](https://reader034.vdocuments.mx/reader034/viewer/2022042713/545c9bc1af7959b90e8b4833/html5/thumbnails/20.jpg)
Read on it
![Page 21: Put the 5 in HTML](https://reader034.vdocuments.mx/reader034/viewer/2022042713/545c9bc1af7959b90e8b4833/html5/thumbnails/21.jpg)
Do cool
project
![Page 22: Put the 5 in HTML](https://reader034.vdocuments.mx/reader034/viewer/2022042713/545c9bc1af7959b90e8b4833/html5/thumbnails/22.jpg)
Have fun!
![Page 23: Put the 5 in HTML](https://reader034.vdocuments.mx/reader034/viewer/2022042713/545c9bc1af7959b90e8b4833/html5/thumbnails/23.jpg)
http://www.w3.org/TR/html5/
http://caniuse.com
http://makeawesomeweb.com
http://html5gallery.com
http://diveintohtml5.org/
http://www.html5tutorial.info/
http://www.beautyoftheweb.com
http://html5labs.interoperabilitybridges.com/
![Page 24: Put the 5 in HTML](https://reader034.vdocuments.mx/reader034/viewer/2022042713/545c9bc1af7959b90e8b4833/html5/thumbnails/24.jpg)
Frederic Harper
Developer Evangelist @ Microsoft
http://webnotwar.ca
http://outofcomfortzone.net
http://linkedin.com/in/fredericharper
http://twitter.com/fharper
http://facebook.com/fharper