HTML5 and friends

The web as the platform

Christian Heilmann (@codepo8) and Joe Stagner (@misfitgeek)

Mozilla - Mobile World Congress 2012, Barcelona, Spain.

  • Joe the athlete
  • Joe the speaker
  • Joe the coach
  • Joe the dad
  • Joe the geek
  • Joe the animal lover
  • Chris the trainer
  • Chris the influencer
  • Chris the good sport
  • Chris the geek
  • Chris the Londoner
  • Chris the Ginger

Disclaimer

Mobile Developer

Filemon

Web Developer

Mortadelo

HTML5

HTML5

HTML5 2.0

HTML5 two point oh

HTML5 is not about the shiny

Puking unicorn

Pointless statements about HTML5

The naked truth about HTML5

HTML5 is an evolution of HTML - we left the document-driven web of linked documents and went into the world of applications. Applications that need more than one technology to run smoothly. A web app uses HTML5, CSS, JavaScript and other agreed standards to give the best experience to the end user.

The power of the web

A good web app (and also web site) will not look the same across all devices and platforms. That would limit its potential and usefulness for the end user. If there is more screen space, let's use it. If the device it runs on can do things for the user, use them.

Recycling makes sense

So let's go through the stack…

Mortadelo y filemon

W3C

El Super

WHATWG

Bacterio

developer.mozilla.org/en-US/learn/html5

Learning HTML5 on the Mozilla Developer network

Semantics and markup

Media - native video and audio

Canvas

Visuals and interactions

App stuff

Breaking out of the web frame

cookiemonster breaking out of screen

Browser/OS levels

Menus

WebGL

WebGL

thing++;