Molly Holzschlag - How HTML 5 is Going to Completely Change your Web App
Download as KEY, PDF5 likes3,656 views
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.
Molly Holzschlag - How HTML 5 is Going to Completely Change your Web App
- 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