Loading…
Transcript

HTML 5

Why HTML5 ?

To bring the web to maturity as a fully fledged application

platform, where media and interactivity are standardized.

New Elements / Capabilities

Off-line Storage: Google dumps it's own

'Gears' framework in favour of HTML 5.

http://www.readwriteweb.com/archives/google_dumps_gears_for_html5.php

Standards & Adoption

"...the truth is the web moves at the speed of people actually

building and using it, not the speed of recommendations

from the W3C."

- from "Microsoft Still Chasing the Competition With IE9"

www.webmonkey.com

Possible reason: SilverLight

<Shoot Self In Foot='false' />

Architectural Considerations

Development:

  • accessible / easy to learn (?)
  • doesn't require special software - text based
  • wider skill pool since HTML is so core to web development
  • cross-browser support
  • will developers be able to write more code that can be used on more platforms (such as mobile ones?)

Use:

  • widely available / mulit-platform, including mobile devices
  • no special software / players
  • relies on browser support (IE?)

Standards based

  • which is good - but only as good as adoption by browser vendors
  • impact on corporate users?
  • impact on Government guidelines - how will this affect the NZ e-Govt standards in the next few years?

Security

  • new raft of vunerabilities?

Resources

<irony definition='using a Flash based app to talk about HTML 5' />

<defence strength='mega' input='xmas, day job, family, blah blah' />

HTML 5 differences from HTML 4

http://www.w3.org/TR/html5-diff

Dedicated tags for video and audio

(no more <object> or <embed>)

A Brief History

A Preview of HTML 5

http://www.alistapart.com/articles/previewofhtml5

Off-line storage (SqlLite)

Vector Graphics: bezier and

quadratic curves, etc...

Theory: Standards based - universal

adoption and consistent results

HTML 5 Reference: A Web Developer’s Guide to HTML 5

http://dev.w3.org/html5/html-author/

Nov 1995 - HTML 2.0

Jan 1997 - HTML 3.2

Dec 1997 - HTML 4.0

Dec 1999 - HTML 4.01

Jan 2000 - XHTML 1.0...

|

|

|

[ big pause ]

|

|

|

Jan 2009 - HTML 5 (Working Draft Only)

Practice: market grabbing rapid development

Web 2.0

API's for in-browser editing,

drag+drop and more

When can I use...

http://a.deveria.com/caniuse/#agents=All&eras=All&cats=HTML5&statuses=rec,cr,wd,ietf

(2004)

Influenced by

Older style presentation tags will be

phased out in favour of CSS

W3C (World Wide Web Consortium)

  • oversea standards

Waves with Canvas (tutorial)

http://nutt.im/waves/#1

Web Workers: "...API for running scripts in

the background independently of any user

interface scripts."

- http://www.whatwg.org/specs/web-workers/current-work/

WHATWG (Web Hypertext Application

Technology Working Group)

  • Experimental / incubator
  • Development of HTML APIs
  • Includes reps from Mozilla, Apple & Opera

Public Lab: Impressionist Inspired Demo

http://lab.publicreative.com/impressionist/

Goal

Google Chrome: HTML 5 Demos

http://htmlfive.appspot.com/

New elements to define page structure.

HTML 5

pre-HTML 5

You Know it's 2000 when...

WebKit

http://webkit.org/blog/

...You have to cross-browser test

until you're blue in the face

Mozilla

http://developer.mozilla.org/devnews/

Opera

http://my.opera.com/desktopteam/blog/

You know it's 2005 when...

...You have to cross-browser test

until you're blue in the face

...Microsoft "extends" HTML and

everyone else cries "non-standard!"

You know it's 2010 when...

...You have to cross-browser test

until you're blue in the face

...everyone embraces HTML 5 and

Microsoft cries "non-standard!"

When can I use...

http://a.deveria.com/caniuse/#agents=All&eras=All&cats=HTML5&statuses=rec,cr,wd,ietf

<suck strength='very' />