Your SlideShare is downloading. ×
0
HTML5
   The Future of Web Applications

molly e. holzschlag | web evangelist, developer relations | opera software
origin of the
  species
   web hypertext
    applications
    technology
   working group

     (what-wg)
<canvas>
canvas is . . .
  controversial


     WHAT-WG


     W3C


     ?


     accessibility concerns


     at-risk under W3C
<form>
before hixie (b.h.)
<form action="" method="get">
<p><label>Search: <input name=search
type="text" id="search">
</label></...
after hixie (a.h.)
<form><p><label>Search:
<input name=search autofocus>
</label></p>
<!-- the rest of the form -->
</form>
validation
<form>
<p><label>Name: <input name=name required></label></p>
<p><label>E-mail: <input name=”email” type=”email...
storage
Offline Web Applications
 ApplicationCache
Client-side data storage:

 Per-session via sessionStorage

  Persistently across sessions via
localStorage and client-sid...
HTML5 APIs
postMessage() - cross document messaging


API for native drag and drop without the need for script


Native ge...
Related APIs
Geolocation - allowing script access to geolocation data


Native JSON support


XMLHttpRequest (level 1 and ...
Device APIs

JIL - Joint Innovation Lab - for widget and
device development


BONDI - From Open Mobile Terminal Platform
(...
Molly Holzschlag - How HTML 5 is Going to Completely Change your Web App
Molly Holzschlag - How HTML 5 is Going to Completely Change your Web App
Molly Holzschlag - How HTML 5 is Going to Completely Change your Web App
Upcoming SlideShare
Loading in...5
×

Molly Holzschlag - How HTML 5 is Going to Completely Change your Web App

9,843

Published on

The HTML 5 spec was originally called "Web Applications 1.0". Most of the attention has been on the new markup elements, but we'll look further at the applications side of the spec, including: 1. Dynamic images and graphs with canvas 2. Eliminating forms validation with webforms 2.0 3. Local storage for saving your data 4. Geolocation 5. Building toolbars and menus

Published in: Technology
0 Comments
5 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
9,843
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
37
Comments
0
Likes
5
Embeds 0
No embeds

No notes for slide

















  • Transcript of "Molly Holzschlag - How HTML 5 is Going to Completely Change your Web App"

    1. 1. HTML5 The Future of Web Applications molly e. holzschlag | web evangelist, developer relations | opera software
    2. 2. origin of the species web hypertext applications technology working group (what-wg)
    3. 3. <canvas>
    4. 4. canvas is . . . controversial WHAT-WG W3C ? accessibility concerns at-risk under W3C
    5. 5. <form>
    6. 6. before hixie (b.h.) <form action="" method="get"> <p><label>Search: <input name=search type="text" id="search"> </label></p> <script> document.getElementById('search').focus() </script> <!-- the rest of the form --> </form>
    7. 7. after hixie (a.h.) <form><p><label>Search: <input name=search autofocus> </label></p> <!-- the rest of the form --> </form>
    8. 8. validation <form> <p><label>Name: <input name=name required></label></p> <p><label>E-mail: <input name=”email” type=”email” required></label></p> <p><label>URL: <input name=”url” type=”url”></label></p> <p><label>Comment: <textarea name=”comment” required></ textarea></p> <p><input type=”submit” value=”Submit”></p> </form>
    9. 9. storage
    10. 10. Offline Web Applications ApplicationCache
    11. 11. Client-side data storage: Per-session via sessionStorage Persistently across sessions via localStorage and client-side SQL database storage
    12. 12. HTML5 APIs postMessage() - cross document messaging API for native drag and drop without the need for script Native getElementsByClassName accesskey and spellcheck keygen element how to handle SVG in text/html
    13. 13. Related APIs Geolocation - allowing script access to geolocation data Native JSON support XMLHttpRequest (level 1 and 2)
    14. 14. Device APIs JIL - Joint Innovation Lab - for widget and device development BONDI - From Open Mobile Terminal Platform (OMTP) - also for widget and device development Both allow scripting access to data such as remaining battery power, available bandwidth, processor speed and other aspects to device-specific, mobile behavior
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×