Put the 5 in HTML
-
Upload
frederic-harper -
Category
Technology
-
view
733 -
download
0
description
Transcript of Put the 5 in HTML
SC2011 - Software Developers' Haven
2011-08-27
Frédéric Harper – Microsoft Canada
• A quick overview
• A focus on some new features
• Law of two feets
• And it will be all about…
7 tracks with: 6 Agile sessions,
6 Software Architecture sessions,
6 Web Dev sessions
and 28 more!
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
• 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
<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”>
<header>
<footer>
<a
sid
e>
<nav>
<article>
<article>
<figure>
<section>
<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>
Web Open Font Format
<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" />
YES and NO
Try it
Read on it
Do cool
project
Have fun!
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/
Frederic Harper
Developer Evangelist @ Microsoft
http://webnotwar.ca
http://outofcomfortzone.net
http://linkedin.com/in/fredericharper
http://twitter.com/fharper
http://facebook.com/fharper