Une présentation sur HTML5 que j'ai présenté à FOSSLC SC2011 - Software Developers' Haven

1. SC2011 - Software Developers' Haven
2011-08-27
Frédéric Harper – Microsoft Canada

2. • A quick overview
• A focus on some new features
• Law of two feets
• And it will be all about…

3. 7 tracks with: 6 Agile sessions,
6 Software Architecture sessions,
6 Web Dev sessions
and 28 more!

4. 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

5. • 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

7. <div id=“header”>
<div id=“nav”>
“sidebar”>
<div id=“section”>
<div id=
<div id=“article”>
<div id=“article”>
<div id=“media”>
<div id=“footer”>

8. <header>
<nav>
<section>
<aside>
<article>
<article>
<figure>
<footer>

12. <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>

13. Web Open Font Format

16. <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" />

17. YES and NO

19. Try it

20. Read on it

21. Do cool
project

22. Have fun!

23. 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/

24. Frederic Harper
Developer Evangelist @ Microsoft
fredh@microsoft.com
http://webnotwar.ca
http://outofcomfortzone.net
http://linkedin.com/in/fredericharper
http://twitter.com/fharper
http://facebook.com/fharper