Put the 5 in HTML
Upcoming SlideShare
Loading in...5
×
 

Put the 5 in HTML

on

  • 696 views

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

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

Statistics

Views

Total Views
696
Views on SlideShare
696
Embed Views
0

Actions

Likes
1
Downloads
4
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Put the 5 in HTML Put the 5 in HTML Presentation Transcript

  • SC2011 - Software Developers Haven 2011-08-27Fré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 nowB. You know what is HTML5 and don’t use itC. 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=“nav”> “sidebar”><div id=“section”> <div id= <div id=“article”> <div id=“article”> <div id=“media”> <div id=“footer”>
  • <header> <nav><section> <aside> <article> <article> <figure> <footer>
  • <video src="video.mp4" id="videoTag"> <source src="video.webm" /> <a href="http://videolink.com/"> Sorry, your browser doesn’t support HTML5video tag </a> <!– Flash/Silverlight video here --></video>
  • Web Open Font Format
  • <link href="mobile.css" rel="stylesheet" media="screenand (max-width:480px)“ type="text/css" /><link href="netbook.css" rel="stylesheet“ media="screenand (min-width:481px) and (max-width: 1024px)“type="text/css" /><link href="laptop.css" rel="stylesheet" media="screenand (min-width:1025px)“ type="text/css" />
  • YES and NO
  • Try it
  • Read on it
  • Do coolproject
  • Have fun!
  • http://www.w3.org/TR/html5/http://caniuse.comhttp://makeawesomeweb.comhttp://html5gallery.comhttp://diveintohtml5.org/http://www.html5tutorial.info/http://www.beautyoftheweb.comhttp://html5labs.interoperabilitybridges.com/
  • Frederic HarperDeveloper Evangelist @ Microsoftfredh@microsoft.comhttp://webnotwar.cahttp://outofcomfortzone.nethttp://linkedin.com/in/fredericharperhttp://twitter.com/fharperhttp://facebook.com/fharper