The document discusses HTML5 and its role in the future of web applications, highlighting features such as the <canvas> element, form enhancements with autofocus and validation, and client-side storage options like sessionStorage and localStorage. It also covers APIs including geolocation, native JSON support, and device-specific features for mobile applications. The content emphasizes the importance of accessibility and improved user experiences in web development.

1. HTML5
The Future of Web Applications
molly e. holzschlag | web evangelist, developer relations | opera software

2. origin of the
species
web hypertext
applications
technology
working group
(what-wg)

3. <canvas>

5. canvas is . . .
controversial
WHAT-WG
W3C
?
accessibility concerns
at-risk under W3C

6. <form>

7. 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>

8. after hixie (a.h.)
<form><p><label>Search:
<input name=search autofocus>
</label></p>
<!-- the rest of the form -->
</form>

9. 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>

10. storage

11. Offline Web Applications
ApplicationCache

12. Client-side data storage:
Per-session via sessionStorage
Persistently across sessions via
localStorage and client-side SQL
database storage

14. 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

15. Related APIs
Geolocation - allowing script access to geolocation data
Native JSON support
XMLHttpRequest (level 1 and 2)

16. 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