HTML5: What it is, why it matters, and how we can use it today

  • 264 views
Uploaded on

This is a presentation I gave at Moveable.

This is a presentation I gave at Moveable.

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
264
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
7
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. HTML5
  • 2. (CSS3 isn’t the same thing as HTML5, it’s just a partner in crime)
  • 3. Semantic Web API & OfflineMultimedia Storage
  • 4. 1. The browser is becoming an operating system. It needs to be able to start acting like one. Offline storage is a big part of its transition.2. Multimedia support (video & audio) for low-power devices (phones, “tablets”). Adobe really hasn’t been able to get Flash right.3. Google.4. XHTML 2.0 is dead.5. Vendor dependency.6. Patent dependency (though h264 doesn’t really help things).7. “Div”-itis isn’t just ugly, it also just plain sucks for real document interpretation and contextualization.8. And on, and on, and on.
  • 5. • YouTube (WebM and h264 video)• Scribd (semantics)• Gmail (notifications)• Vimeo (h264 video)• Facebook (History API, Geolocation API)• Apple.com (a little bit of everything)• Pretty much every (true) mobile website
  • 6. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- strict.dtd">
  • 7. <!DOCTYPE html>
  • 8. <body> <header> <hgroup> <h1>Page title</h1> <h2>Page subtitle</h2> </hgroup> </header> <nav> <ul> Navigation... </ul> True story: HTML 2.0 had semantic </nav> <section> tags like <menu>, which were later <article> deprecated. <header> <h1>Title</h1> </header> <section> Content... </section> </article> </section> <footer> Copyright © <time datetime="2010-11-08">2010</time>. </footer></body>