SlideShare a Scribd company logo
Andreas
Bovens
Group Leader Developer Relations


Opera Software ASA              Phone:      +47 23 69 26 68
Waldemar Thranes gate 98        Fax:        +47 23 69 24 01
P.O. Box 2648, St. Hanshaugen   Mobile:     +47 40 03 48 59
0131 Oslo                       E-mail:     andreasb@opera.com
Norway                          Web site:   www.opera.com
Andreas
Bovens
Group Leader Developer Relations


Opera Software ASA              Phone:      +47 23 69 26 68
Waldemar Thranes gate 98        Fax:        +47 23 69 24 01
P.O. Box 2648, St. Hanshaugen   Mobile:     +47 40 03 48 59
0131 Oslo                       E-mail:     andreasb@opera.com
Norway                          Web site:   www.opera.com
Andreas
Bovens
Group Leader Developer Relations


Opera Software ASA              Phone:      +47 23 69 26 68
Waldemar Thranes gate 98        Fax:        +47 23 69 24 01
P.O. Box 2648, St. Hanshaugen   Mobile:     +47 40 03 48 59
0131 Oslo                       E-mail:     andreasb@opera.com
Norway                          Web site:   www.opera.com
Andreas
Bovens
Group Leader Developer Relations


Opera Software ASA              Phone:      +47 23 69 26 68
Waldemar Thranes gate 98        Fax:        +47 23 69 24 01
P.O. Box 2648, St. Hanshaugen   Mobile:     +47 40 03 48 59
0131 Oslo                       E-mail:     andreasb@opera.com
Norway                          Web site:   www.opera.com
Andreas
Bovens
Group Leader Developer Relations


Opera Software ASA              Phone:      +47 23 69 26 68
Waldemar Thranes gate 98        Fax:        +47 23 69 24 01
P.O. Box 2648, St. Hanshaugen   Mobile:     +47 40 03 48 59
0131 Oslo                       E-mail:     andreasb@opera.com
Norway                          Web site:   www.opera.com
Andreas
Bovens
Group Leader Developer Relations


Opera Software ASA              Phone:      +47 23 69 26 68
Waldemar Thranes gate 98        Fax:        +47 23 69 24 01
P.O. Box 2648, St. Hanshaugen   Mobile:     +47 40 03 48 59
0131 Oslo                       E-mail:     andreasb@opera.com
Norway                          Web site:   www.opera.com
Andreas
Bovens
Group Leader Developer Relations


Opera Software ASA              Phone:      +47 23 69 26 68
Waldemar Thranes gate 98        Fax:        +47 23 69 24 01
P.O. Box 2648, St. Hanshaugen   Mobile:     +47 40 03 48 59
0131 Oslo                       E-mail:     andreasb@opera.com
Norway                          Web site:   www.opera.com
Andreas
Bovens
Group Leader Developer Relations


Opera Software ASA              Phone:      +47 23 69 26 68
Waldemar Thranes gate 98        Fax:        +47 23 69 24 01
P.O. Box 2648, St. Hanshaugen   Mobile:     +47 40 03 48 59
0131 Oslo                       E-mail:     andreasb@opera.com
Norway                          Web site:   www.opera.com
Andreas
Bovens
Group Leader Developer Relations


Opera Software ASA              Phone:      +47 23 69 26 68
Waldemar Thranes gate 98        Fax:        +47 23 69 24 01
P.O. Box 2648, St. Hanshaugen   Mobile:     +47 40 03 48 59
0131 Oslo                       E-mail:     andreasb@opera.com
Norway                          Web site:   www.opera.com
Andreas
Bovens
Group Leader Developer Relations


Opera Software ASA              Phone:      +47 23 69 26 68
Waldemar Thranes gate 98        Fax:        +47 23 69 24 01
P.O. Box 2648, St. Hanshaugen   Mobile:     +47 40 03 48 59
0131 Oslo                       E-mail:     andreasb@opera.com
Norway                          Web site:   www.opera.com
Andreas
Bovens
Group Leader Developer Relations


Opera Software ASA              Phone:      +47 23 69 26 68
Waldemar Thranes gate 98        Fax:        +47 23 69 24 01
P.O. Box 2648, St. Hanshaugen   Mobile:     +47 40 03 48 59
0131 Oslo                       E-mail:     andreasb@opera.com
Norway                          Web site:   www.opera.com
Andreas
Bovens
Group Leader Developer Relations


Opera Software ASA              Phone:      +47 23 69 26 68
Waldemar Thranes gate 98        Fax:        +47 23 69 24 01
P.O. Box 2648, St. Hanshaugen   Mobile:     +47 40 03 48 59
0131 Oslo                       E-mail:     andreasb@opera.com
Norway                          Web site:   www.opera.com
Building rich apps with HTML5 and friends
Building rich apps with HTML5 and friends
Andreas
Bovens
Group Leader Developer Relations


Opera Software ASA              Phone:      +47 23 69 26 68
Waldemar Thranes gate 98        Fax:        +47 23 69 24 01
P.O. Box 2648, St. Hanshaugen   Mobile:     +47 40 03 48 59
0131 Oslo                       E-mail:     andreasb@opera.com
Norway                          Web site:   www.opera.com
Andreas
Bovens
Group Leader Developer Relations


Opera Software ASA              Phone:      +47 23 69 26 68
Waldemar Thranes gate 98        Fax:        +47 23 69 24 01
P.O. Box 2648, St. Hanshaugen   Mobile:     +47 40 03 48 59
0131 Oslo                       E-mail:     andreasb@opera.com
Norway                          Web site:   www.opera.com
building rich apps
with html5 and friends
“we need a n app”
“we need a n app”
“we need a n app”
“we need a n app”
“we need a n app”
“we need a n app”




                    etc.
“we need a n app”




                    etc.
a web browser :-)
a web browser :-)


     tap into web standards
     ecosystem
     cross-platform
     no approval process
     available on desktop &
     feature phones
a web browser :-)


      “what about paid apps?”
a web browser :-)


      “what about paid apps?”

       “what about access to
       device APIs and other
       advanced stuff?”
“what about access to
device APIs and other
advanced stuff?”
Building rich apps with HTML5 and friends
Building rich apps with HTML5 and friends
Building rich apps with HTML5 and friends
new elements     easier coding + error handling


   improved web forms      built-in video & audio


 canvas     offline capabilities    native webcam


  orientation events    geolocation      CSS3


SVG    viewport + media queries       touch events
div#header


           div#mainContent
                    div.post
   div
#sidebar            div.post

                    div.post



             div#footer
<header>


        div#mainContent
                 <article>
<nav>
                 <article>

                 <article>



           <footer>
new elements     easier coding + error handling


   improved web forms      built-in video & audio


 canvas     offline capabilities    native webcam


  orientation events    geolocation      CSS3


SVG    viewport + media queries       touch events
new elements     easier coding + error handling


   improved web forms      built-in video & audio


 canvas     offline capabilities    native webcam


  orientation events    geolocation      CSS3


SVG    viewport + media queries       touch events
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML
1.0 Transitional//EN" "http://www.w3.org/TR/
xhtml1/DTD/xhtml1-transitional.dtd">

<meta http-equiv="Content-Type" content="text/
html;charset=utf-8" />

<p id="mainContent">...</p>


<!DOCTYPE html>

<meta charset=utf-8>

<p id=mainContent>...
new elements      easier coding + error handling


    improved web forms        built-in video & audio


  canvas     offline capabilities     native webcam


   orientation events      geolocation      CSS3


viewport + media queries      SVG        touch events
new elements      easier coding + error handling


    improved web forms        built-in video & audio


  canvas     offline capabilities     native webcam


   orientation events      geolocation      CSS3


viewport + media queries      SVG        touch events
new elements      easier coding + error handling


    improved web forms        built-in video & audio


  canvas     offline capabilities     native webcam


   orientation events      geolocation      CSS3


viewport + media queries      SVG        touch events
new elements      easier coding + error handling


    improved web forms        built-in video & audio


  canvas     offline capabilities     native webcam


   orientation events      geolocation      CSS3


viewport + media queries      SVG        touch events
new elements      easier coding + error handling


    improved web forms        built-in video & audio


  canvas     offline capabilities     native webcam


   orientation events      geolocation      CSS3


viewport + media queries      SVG        touch events
new elements      easier coding + error handling


    improved web forms        built-in video & audio


  canvas     offline capabilities     native webcam


   orientation events      geolocation      CSS3


viewport + media queries      SVG        touch events
new elements      easier coding + error handling


    improved web forms        built-in video & audio


  canvas     offline capabilities     native webcam


   orientation events      geolocation      CSS3


viewport + media queries      SVG        touch events
new elements      easier coding + error handling


    improved web forms        built-in video & audio


  canvas     offline capabilities     native webcam


   orientation events      geolocation      CSS3


viewport + media queries      SVG        touch events
new elements      easier coding + error handling


    improved web forms        built-in video & audio


  canvas     offline capabilities     native webcam


   orientation events      geolocation      CSS3


viewport + media queries      SVG        touch events
new elements      easier coding + error handling


    improved web forms        built-in video & audio


  canvas     offline capabilities     native webcam


   orientation events      geolocation      CSS3


viewport + media queries      SVG        touch events
new elements      easier coding + error handling


    improved web forms        built-in video & audio


  canvas     offline capabilities     native webcam


   orientation events      geolocation      CSS3


viewport + media queries      SVG        touch events
new elements      easier coding + error handling


    improved web forms        built-in video & audio


  canvas     offline capabilities     native webcam


   orientation events      geolocation      CSS3


viewport + media queries      SVG        touch events
Building rich apps with HTML5 and friends
@andreasbovens
Credits:
Wood texture by naomiyaki
http://www.flickr.com/photos/naomiyaki/4583474627/in/photostream/

HTML5 poster by Will Phillips Jr
http://sleekdesignstudio.com/html5poster/

iPad image by Kevin Andersson
http://kevinandersson.deviantart.com/art/Apple-iPad-Fully-editable-
PSD-152146899

Phone icons from PSD Tuts+
http://psd.tutsplus.com/freebies/icons/exclusive-freebie-mobile-phone-
icon-pack/

HTML5 icons from Iconscock
http://www.iconshock.com/html5-icons/

Iceberg photo by Rita Willaert
http://www.flickr.com/photos/rietje/76566707/

Twitter icon by Icondock
http://icondock.com/free/vector-social-media-icons

More Related Content

PPTX
StrongLoop Overview
PDF
SVG in Opera’s desktop, mobile & TV browsers — edition 2011
KEY
SVG in the Opera browser
PDF
Uni Tour Germany 11.2009
PDF
Web Standards @ Opera Talk Oslo
PDF
Bruce Lawson, Web Development 2.0, SparkUp! Poznan Poland
PDF
Opera mobile datasheet
PDF
Standards Talk - Opera Uni Tour Indonesia
StrongLoop Overview
SVG in Opera’s desktop, mobile & TV browsers — edition 2011
SVG in the Opera browser
Uni Tour Germany 11.2009
Web Standards @ Opera Talk Oslo
Bruce Lawson, Web Development 2.0, SparkUp! Poznan Poland
Opera mobile datasheet
Standards Talk - Opera Uni Tour Indonesia

Similar to Building rich apps with HTML5 and friends (20)

PDF
HTML5/CSS3 and Future Web in Mobile and IPTV
PDF
An Intro to Mobile HTML5
KEY
RocketJS Nodejs rapid development framework for production web apps
PDF
Webtech 17.11.2009
PDF
CM WebClient CA Expo Mannheim Germany
PDF
Opera Widgets for Desktop and Opera Dragonfly
PDF
HTML 5 Development for Windows Phone and Desktop
PDF
HTML5 and friends
KEY
corporateJavascript
KEY
Hey open source, don’t forget the user! - by Chad Kieffer
PDF
Bruce lawson-over-the-air
PPTX
Introduction to Modern and Emerging Web Technologies
PDF
Mobile web development without developing a mobile site
PDF
Cordova and PhoneGap Insights
PPTX
CA Plex on Apple Mac, iOS, Android
PDF
Ajax World West
PDF
Sencha Touch beta — Amazing Mobile Web Apps with HTML5, CSS3 & JavaScript
PPTX
Rapid Prototyping with Cordova aka Phonegap
PDF
Html5 Apps
PDF
WebSphere User Group UK: Larger Applications with Worklight
HTML5/CSS3 and Future Web in Mobile and IPTV
An Intro to Mobile HTML5
RocketJS Nodejs rapid development framework for production web apps
Webtech 17.11.2009
CM WebClient CA Expo Mannheim Germany
Opera Widgets for Desktop and Opera Dragonfly
HTML 5 Development for Windows Phone and Desktop
HTML5 and friends
corporateJavascript
Hey open source, don’t forget the user! - by Chad Kieffer
Bruce lawson-over-the-air
Introduction to Modern and Emerging Web Technologies
Mobile web development without developing a mobile site
Cordova and PhoneGap Insights
CA Plex on Apple Mac, iOS, Android
Ajax World West
Sencha Touch beta — Amazing Mobile Web Apps with HTML5, CSS3 & JavaScript
Rapid Prototyping with Cordova aka Phonegap
Html5 Apps
WebSphere User Group UK: Larger Applications with Worklight
Ad

More from Andreas Bovens (6)

PPTX
Progressive Web Apps: Opera's perspective
PDF
Intro to @viewport & other new Responsive Web Design CSS features
PDF
Responsive design: techniques and tricks to prepare your websites for the mul...
PDF
Fast & Furious: Speed in the Opera browser
PDF
Mobile web development techniques (and Opera's developer tools)
PDF
Opera and the Open Web platform
Progressive Web Apps: Opera's perspective
Intro to @viewport & other new Responsive Web Design CSS features
Responsive design: techniques and tricks to prepare your websites for the mul...
Fast & Furious: Speed in the Opera browser
Mobile web development techniques (and Opera's developer tools)
Opera and the Open Web platform
Ad

Recently uploaded (20)

PDF
Chapter 3 Spatial Domain Image Processing.pdf
PDF
The Rise and Fall of 3GPP – Time for a Sabbatical?
PDF
Optimiser vos workloads AI/ML sur Amazon EC2 et AWS Graviton
PPTX
ACSFv1EN-58255 AWS Academy Cloud Security Foundations.pptx
PDF
Encapsulation theory and applications.pdf
PDF
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
PPT
“AI and Expert System Decision Support & Business Intelligence Systems”
PDF
Agricultural_Statistics_at_a_Glance_2022_0.pdf
PDF
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
PPTX
Understanding_Digital_Forensics_Presentation.pptx
PDF
Building Integrated photovoltaic BIPV_UPV.pdf
PPTX
Spectroscopy.pptx food analysis technology
PDF
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
PDF
Dropbox Q2 2025 Financial Results & Investor Presentation
PPTX
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
PDF
Diabetes mellitus diagnosis method based random forest with bat algorithm
PPTX
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
PDF
cuic standard and advanced reporting.pdf
PDF
Electronic commerce courselecture one. Pdf
PDF
KodekX | Application Modernization Development
Chapter 3 Spatial Domain Image Processing.pdf
The Rise and Fall of 3GPP – Time for a Sabbatical?
Optimiser vos workloads AI/ML sur Amazon EC2 et AWS Graviton
ACSFv1EN-58255 AWS Academy Cloud Security Foundations.pptx
Encapsulation theory and applications.pdf
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
“AI and Expert System Decision Support & Business Intelligence Systems”
Agricultural_Statistics_at_a_Glance_2022_0.pdf
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
Understanding_Digital_Forensics_Presentation.pptx
Building Integrated photovoltaic BIPV_UPV.pdf
Spectroscopy.pptx food analysis technology
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
Dropbox Q2 2025 Financial Results & Investor Presentation
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
Diabetes mellitus diagnosis method based random forest with bat algorithm
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
cuic standard and advanced reporting.pdf
Electronic commerce courselecture one. Pdf
KodekX | Application Modernization Development

Building rich apps with HTML5 and friends

  • 1. Andreas Bovens Group Leader Developer Relations Opera Software ASA Phone: +47 23 69 26 68 Waldemar Thranes gate 98 Fax: +47 23 69 24 01 P.O. Box 2648, St. Hanshaugen Mobile: +47 40 03 48 59 0131 Oslo E-mail: andreasb@opera.com Norway Web site: www.opera.com
  • 2. Andreas Bovens Group Leader Developer Relations Opera Software ASA Phone: +47 23 69 26 68 Waldemar Thranes gate 98 Fax: +47 23 69 24 01 P.O. Box 2648, St. Hanshaugen Mobile: +47 40 03 48 59 0131 Oslo E-mail: andreasb@opera.com Norway Web site: www.opera.com
  • 3. Andreas Bovens Group Leader Developer Relations Opera Software ASA Phone: +47 23 69 26 68 Waldemar Thranes gate 98 Fax: +47 23 69 24 01 P.O. Box 2648, St. Hanshaugen Mobile: +47 40 03 48 59 0131 Oslo E-mail: andreasb@opera.com Norway Web site: www.opera.com
  • 4. Andreas Bovens Group Leader Developer Relations Opera Software ASA Phone: +47 23 69 26 68 Waldemar Thranes gate 98 Fax: +47 23 69 24 01 P.O. Box 2648, St. Hanshaugen Mobile: +47 40 03 48 59 0131 Oslo E-mail: andreasb@opera.com Norway Web site: www.opera.com
  • 5. Andreas Bovens Group Leader Developer Relations Opera Software ASA Phone: +47 23 69 26 68 Waldemar Thranes gate 98 Fax: +47 23 69 24 01 P.O. Box 2648, St. Hanshaugen Mobile: +47 40 03 48 59 0131 Oslo E-mail: andreasb@opera.com Norway Web site: www.opera.com
  • 6. Andreas Bovens Group Leader Developer Relations Opera Software ASA Phone: +47 23 69 26 68 Waldemar Thranes gate 98 Fax: +47 23 69 24 01 P.O. Box 2648, St. Hanshaugen Mobile: +47 40 03 48 59 0131 Oslo E-mail: andreasb@opera.com Norway Web site: www.opera.com
  • 7. Andreas Bovens Group Leader Developer Relations Opera Software ASA Phone: +47 23 69 26 68 Waldemar Thranes gate 98 Fax: +47 23 69 24 01 P.O. Box 2648, St. Hanshaugen Mobile: +47 40 03 48 59 0131 Oslo E-mail: andreasb@opera.com Norway Web site: www.opera.com
  • 8. Andreas Bovens Group Leader Developer Relations Opera Software ASA Phone: +47 23 69 26 68 Waldemar Thranes gate 98 Fax: +47 23 69 24 01 P.O. Box 2648, St. Hanshaugen Mobile: +47 40 03 48 59 0131 Oslo E-mail: andreasb@opera.com Norway Web site: www.opera.com
  • 9. Andreas Bovens Group Leader Developer Relations Opera Software ASA Phone: +47 23 69 26 68 Waldemar Thranes gate 98 Fax: +47 23 69 24 01 P.O. Box 2648, St. Hanshaugen Mobile: +47 40 03 48 59 0131 Oslo E-mail: andreasb@opera.com Norway Web site: www.opera.com
  • 10. Andreas Bovens Group Leader Developer Relations Opera Software ASA Phone: +47 23 69 26 68 Waldemar Thranes gate 98 Fax: +47 23 69 24 01 P.O. Box 2648, St. Hanshaugen Mobile: +47 40 03 48 59 0131 Oslo E-mail: andreasb@opera.com Norway Web site: www.opera.com
  • 11. Andreas Bovens Group Leader Developer Relations Opera Software ASA Phone: +47 23 69 26 68 Waldemar Thranes gate 98 Fax: +47 23 69 24 01 P.O. Box 2648, St. Hanshaugen Mobile: +47 40 03 48 59 0131 Oslo E-mail: andreasb@opera.com Norway Web site: www.opera.com
  • 12. Andreas Bovens Group Leader Developer Relations Opera Software ASA Phone: +47 23 69 26 68 Waldemar Thranes gate 98 Fax: +47 23 69 24 01 P.O. Box 2648, St. Hanshaugen Mobile: +47 40 03 48 59 0131 Oslo E-mail: andreasb@opera.com Norway Web site: www.opera.com
  • 15. Andreas Bovens Group Leader Developer Relations Opera Software ASA Phone: +47 23 69 26 68 Waldemar Thranes gate 98 Fax: +47 23 69 24 01 P.O. Box 2648, St. Hanshaugen Mobile: +47 40 03 48 59 0131 Oslo E-mail: andreasb@opera.com Norway Web site: www.opera.com
  • 16. Andreas Bovens Group Leader Developer Relations Opera Software ASA Phone: +47 23 69 26 68 Waldemar Thranes gate 98 Fax: +47 23 69 24 01 P.O. Box 2648, St. Hanshaugen Mobile: +47 40 03 48 59 0131 Oslo E-mail: andreasb@opera.com Norway Web site: www.opera.com
  • 17. building rich apps with html5 and friends
  • 18. “we need a n app”
  • 19. “we need a n app”
  • 20. “we need a n app”
  • 21. “we need a n app”
  • 22. “we need a n app”
  • 23. “we need a n app” etc.
  • 24. “we need a n app” etc.
  • 26. a web browser :-) tap into web standards ecosystem cross-platform no approval process available on desktop & feature phones
  • 27. a web browser :-) “what about paid apps?”
  • 28. a web browser :-) “what about paid apps?” “what about access to device APIs and other advanced stuff?”
  • 29. “what about access to device APIs and other advanced stuff?”
  • 33. new elements easier coding + error handling improved web forms built-in video & audio canvas offline capabilities native webcam orientation events geolocation CSS3 SVG viewport + media queries touch events
  • 34. div#header div#mainContent div.post div #sidebar div.post div.post div#footer
  • 35. <header> div#mainContent <article> <nav> <article> <article> <footer>
  • 36. new elements easier coding + error handling improved web forms built-in video & audio canvas offline capabilities native webcam orientation events geolocation CSS3 SVG viewport + media queries touch events
  • 37. new elements easier coding + error handling improved web forms built-in video & audio canvas offline capabilities native webcam orientation events geolocation CSS3 SVG viewport + media queries touch events
  • 38. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/ xhtml1/DTD/xhtml1-transitional.dtd"> <meta http-equiv="Content-Type" content="text/ html;charset=utf-8" /> <p id="mainContent">...</p> <!DOCTYPE html> <meta charset=utf-8> <p id=mainContent>...
  • 39. new elements easier coding + error handling improved web forms built-in video & audio canvas offline capabilities native webcam orientation events geolocation CSS3 viewport + media queries SVG touch events
  • 40. new elements easier coding + error handling improved web forms built-in video & audio canvas offline capabilities native webcam orientation events geolocation CSS3 viewport + media queries SVG touch events
  • 41. new elements easier coding + error handling improved web forms built-in video & audio canvas offline capabilities native webcam orientation events geolocation CSS3 viewport + media queries SVG touch events
  • 42. new elements easier coding + error handling improved web forms built-in video & audio canvas offline capabilities native webcam orientation events geolocation CSS3 viewport + media queries SVG touch events
  • 43. new elements easier coding + error handling improved web forms built-in video & audio canvas offline capabilities native webcam orientation events geolocation CSS3 viewport + media queries SVG touch events
  • 44. new elements easier coding + error handling improved web forms built-in video & audio canvas offline capabilities native webcam orientation events geolocation CSS3 viewport + media queries SVG touch events
  • 45. new elements easier coding + error handling improved web forms built-in video & audio canvas offline capabilities native webcam orientation events geolocation CSS3 viewport + media queries SVG touch events
  • 46. new elements easier coding + error handling improved web forms built-in video & audio canvas offline capabilities native webcam orientation events geolocation CSS3 viewport + media queries SVG touch events
  • 47. new elements easier coding + error handling improved web forms built-in video & audio canvas offline capabilities native webcam orientation events geolocation CSS3 viewport + media queries SVG touch events
  • 48. new elements easier coding + error handling improved web forms built-in video & audio canvas offline capabilities native webcam orientation events geolocation CSS3 viewport + media queries SVG touch events
  • 49. new elements easier coding + error handling improved web forms built-in video & audio canvas offline capabilities native webcam orientation events geolocation CSS3 viewport + media queries SVG touch events
  • 50. new elements easier coding + error handling improved web forms built-in video & audio canvas offline capabilities native webcam orientation events geolocation CSS3 viewport + media queries SVG touch events
  • 53. Credits: Wood texture by naomiyaki http://www.flickr.com/photos/naomiyaki/4583474627/in/photostream/ HTML5 poster by Will Phillips Jr http://sleekdesignstudio.com/html5poster/ iPad image by Kevin Andersson http://kevinandersson.deviantart.com/art/Apple-iPad-Fully-editable- PSD-152146899 Phone icons from PSD Tuts+ http://psd.tutsplus.com/freebies/icons/exclusive-freebie-mobile-phone- icon-pack/ HTML5 icons from Iconscock http://www.iconshock.com/html5-icons/ Iceberg photo by Rita Willaert http://www.flickr.com/photos/rietje/76566707/ Twitter icon by Icondock http://icondock.com/free/vector-social-media-icons