1 / 11

Unlocking HTML5: Features and Advantages for Modern Web Development

Discover the powerful features of HTML5 that cater to every developer's needs. This video by Jason Hanley from Syllogistic Software Inc. covers essential topics such as new tags and types, the versatile canvas element, media support for audio and video, geolocation capabilities, drag-and-drop functionality, and offline storage options. Learn about HTML5's native-like applications, the semantic web with elements like <header>, <footer>, <section>, and <article>, as well as features like form validation and storage solutions that enhance user experience.

gavril
Télécharger la présentation

Unlocking HTML5: Features and Advantages for Modern Web Development

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