The Future of HTML 5 by Bruce Lawson

Loading...

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

0 comments

Post a comment

    Post a comment
    Embed Video
    Edit your comment Cancel

    7 Favorites

    The Future of HTML 5 by Bruce Lawson - Presentation Transcript

    1. Opera Software The best browsing experience on any device Th e b e st I te rn e t e xp e rie n c e o n a n y d e v ic e n
    2. www.brucelawson.co.uk www.html5doctor.com twitter.com/brucel
    3. HTML5 The Future Of Web Applications
    4. Evolution of HTML: monkey on left becomes human in 4 stages
    5. th Evolution of HTML: 5 monkey (HTML5 ) is human but dressed in pimp clothing
    6. Web Applications 1.0 “extending the language to better support Web applications, since that is one of the directions the Web is going in and is one of the areas least well served by HTML so far. This puts HTML in direct competition with other technologies intended for applications deployed over the Web, in particular Flash and Silverlight.”
    7. Picture of 1 9 0 0 idea of automated year 2 0 0 0 Ladies' bedroom
    8. Canvas Immediate graphics mode without plugins Demos: ● Twitter experiment/ eye-candy ● First person shooter ● First person gifter Native support in Opera, Safari, Firefox and Chrome.
    9. What about Internet Explorer?
    10. Canvas explorer: excanvas.sourceforge.net
    11. what about accessibility?
    12. <canvas> = <img> - alt ● <canvas> is just about pixels manipulated by script ● No DOM ● No “alt text”: <canvas>Fallback content</canvas> ● Link to accessible version must be outside <canvas> ● Demo jQuery plugin to visualise data tables (filament)
    13. <canvas> or SVG? ● Scalable Vector Graphics remains text ● SVG for content; canvas for bling/ supplementary ● SVG natively supported in Opera, Firefox, Safari, Chrome ● IE? Raphael js http://raphaeljs.com/, SVG Web (alpha)
    14. HTML5 forms (“Web Forms 2”) ● Coding form validation is not much fun ● HTML5 forms add validation to the browser ● Live code demo ● Let's look at more
    15. What about legacy browsers? ●
    16. www.modernizr.com ● Or do your own capability checking before falling back your current JS validation. Or just leave it to the server-side validation
    17. Geolocation ● http://html5demos.com/geo ● Modernizr can test support
    18. Browser storage Cookies are pretty clunky, especially large-scale storage. ● Local storage and session storage (Firefox, Chrome, Safari) ● Database in the browser! (Safari) ● Off line apps using manifest (Safari)
    19. Building application toolbars <menu type="toolbar"> <command onclick="insertTag(buttons,0);" label="strong" icon="bold.gif"> <command onclick="insertTag(buttons,1);" label="em" icon="italic.gif"> <command onclick="insertLink(buttons,2);" label="link" icon="link.gif"> </menu>
    20. ... and if I had an hour or 3 ... ● Drag and drop ● Cross-window messaging ● Cross-domain messaging ● Web workers ● (demos: www.html5demos.com) ● Video (people.opera.com/brucel/demo/video-demos.html)
    21. Thank you! brucel@opera.com, http://dev.opera.com www.brucelawson.co.uk, twitter.com/brucel www.html5doctor.com

    + Carsonified TeamCarsonified Team, 1 month ago

    custom

    2227 views, 7 favs, 8 embeds more stats

    Bruce Lawson gave this talk at FOWA London 2009 (ht more

    More info about this document

    © All Rights Reserved

    Go to text version

    • Total Views 2227
      • 1319 on SlideShare
      • 908 from embeds
    • Comments 0
    • Favorites 7
    • Downloads 40
    Most viewed embeds
    • 884 views on http://carsonified.com
    • 16 views on http://salmanahsan.com
    • 2 views on http://www.mybyte.co.za
    • 2 views on http://www.strohsahl.eu
    • 1 views on http://xss.yandex.net

    more

    All embeds
    • 884 views on http://carsonified.com
    • 16 views on http://salmanahsan.com
    • 2 views on http://www.mybyte.co.za
    • 2 views on http://www.strohsahl.eu
    • 1 views on http://xss.yandex.net
    • 1 views on http://feeds.feedburner.com
    • 1 views on http://jeswerk.wordpress.com
    • 1 views on http://www.slideshare.net

    less

    Flagged as inappropriate Flag as inappropriate
    Flag as inappropriate

    Select your reason for flagging this presentation as inappropriate. If needed, use the feedback form to let us know more details.

    Cancel
    File a copyright complaint
    Having problems? Go to our helpdesk?

    Categories