HTML5: a quick overview

  • 1,093 views
Uploaded on

 

More in: Technology , Design
  • 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
1,093
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
0
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. Mark Whitaker
    HTML5a quick overview
  • 2. HTML
    for content & structure
    +
    CSS (style sheets)
    for look & feel
    +
    JavaScript
    for behaviour
    Web development in a nutshell
  • 3. A loose umbrella term for
    New HTML
    New CSS
    New JavaScript
    All very backward-compatible
    And what isn’t it?
    A single standard
    What is html5?
  • 4. New HTML tags…
    Audio & video
    Graphics (canvas & SVG)
    New form input types
    e-mail address, URL, number, search…
    Better ‘semantics’
    etc…
    What is html5?
  • 5. …new CSS elements (CSS3)…
    Web fonts
    New text effects
    Better layout
    Transitions
    Transforms (rotation, 3D effects,…)
    etc…
    What is html5?
  • 6. …and new JavaScript APIs
    Local storage & SQL database
    Worker threads
    Sockets
    Geolocation
    etc…
    What is html5?
  • 7. Great for web apps
    “Anything Flash can do…”
    Local storage = persistent
    Cross-platform
    Can look like a native app in iOS
    Fast build & test times
    Multimedia without Flash
    You know who you are…
    So what can it do?
  • 8. Replace native apps
    Limited access to hardware
    camera, accelerometer…
    No native app APIs
    notifications, address book…
    Can’t run in the background
    Processor-intensive stuff
    Running in an interpreter in the browser can be slow
    especially on mobile devices
    And what can’t it do?
  • 9. html5rocks.com
    diveintohtml5.org
    developer.mozilla.org
    modernizr.com
    More information
  • 10. html5demos.com
    html5gallery.com
    chromeexperiments.com
    apple.com/html5
    youtube.com/html5
    Chrome recommended
    HTML5 in action