1 / 11

What is HTML5?

What is HTML5?. Jason Hanley Syllogistic Software Inc. Video available at  http://youtu.be/-PVwnMruoeI. Something for everyone. New tags and types Canvas Media  Geolocation Drag and Drop Offline and Local Storage . New tags and types. The "semantic web" <header> and <footer>

gavril
Download Presentation

What is HTML5?

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. What is HTML5? Jason Hanley Syllogistic Software Inc. Video available at http://youtu.be/-PVwnMruoeI

  2. Something for everyone • New tags and types • Canvas • Media  • Geolocation • Drag and Drop • Offline and Local Storage 

  3. New tags and types • The "semantic web" • <header> and <footer> • <section> and <article> • New <input> types • email, url, number, date, ... • Form validation

  4. Canvas • Draw complex graphics • Could replace Flash • Strong support from Apple and Google • Not so muchfrom Adobe Onslaught

  5. Media • <audio> tag • Chrome has embedded mp3 player • <video> tag • Native video support(no plugins)

  6. Geolocation • Tells a web app where you're at • Javascript API • navigator.geolocation.getCurrentPosition() • Wide support (no IE) 

  7. Drag and Drop • Gmail and YouTube support dragging from OS in Chrome!(using File API?) • Inter-page well supported in most browsers

  8. Offline and Local Storage • Offline • Entire site or subset of files • Local Storage • Similar to cookies • name/value pairs • Immediate (js API)

  9. ...And related technologies • CSS3 • Rounded corners! • Drop shadows!  • Javascript • Speed • Libraries

  10. Crazy Techie Stuff • Web Workers • Do stuff in the background • Messages • Send info between tabs • Web SQL Database • Structured local storage

  11. Why HTML5? • "NLA" • Native-like Application • Great Example: • mail.google.com on iPad • Looks native and runs offline

More Related