SlideShare a Scribd company logo

Truth About HTML5

•
•
Jos Dirksen
Jos Dirksen

Presentation I gave at a Lunch & Learn at Malmberg. This presentation gives an overview of the current state and buzz around HTML5 from a non-technical perspective.

Technology
1 of 56
Download to read offline
JPoint   Malmberg  |  Lunch  &  Learn  |  Jos  Dirksen   … about HTML5
WWW.JPOINT.NL          |          JOS@JPOINT.NL        |          TWITTER:  @JOSDIRKSEN   2 -­‐  Beware!  Personal  opinions  ahead  -­‐   Disclaimer “No matter how big the lie; repeat it often enough and the masses will regard it as the truth.”– John F. Kennedy
MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   3 “The World is moving to HTML5” – Steve Jobs, Apple
MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   4 “The Web has not seen this level of transformation, this level of acceleration, in the past ten years… we're betting big on HTML5” – Vic Gundotra, VP of Engineering, Google
MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   5 “If you want to do something universal, there is no question, the world is going HTML5. That is clear...The world is just pushing down this HTML5 path and so are we.” – Steve Ballmer, CEO, Microsoft
MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   6 But what is HTML5?
MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   7 HTML5: The Buzzword “the collection of new (and not so new) technology that is often downright cool, but has little to do with the HTML5 specification” – Luke Stevens
MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   8
MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   9 But this isn’t HTML5, this is WebGL
MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   10
MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   “SVG should soon be widespread, and its non-proprietary nature will help to hasten the progress. Flash will continue to be the dominant standard for quite some time because of its large client base. However, SVG is rising quickly. The distribution of the SVG plug-in via browser manufacturers will quickly increase the installed user base, just as it did for Flash. Future versions of various browsers will include SVG viewers as standard, and some already do.” – SVG, the new Flash - 2002 11 No HTML5, this is SVG…
MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   12 Even the HTML5 version of Angry Birds isn’t HTML5. Only works in a single browser.
MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   13 HTML5: The Specification
MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   14
MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   “HTML5 is a standard… sort of, it has it’s good and bad parts.” 15 So, what is HTML5?
MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   16 “The Good…”
MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   “Whenever a Mac crashes, more often than not it because of Flash” – Steve Jobs 17 Advantage #1: Less plugins
MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   18 “Firefox 17 also debuts a new security feature that automatically blocks outdated versions of the most popular Web browser plug-ins -- Adobe's Flash Player and Reader, Microsoft's Silverlight, and Oracle's Java -- from executing content.”
MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   19 No more Flash for Video Playback
MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   20 …  in  most  modern  browsers,  on  the  desktop…   And an alternative for Flash content
MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   “Accessibility is built in from the ground up” 21 Advantage #2: Accessibility
MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   22 Subtitles support
MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   23 Support for virtual keyboards
MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   24 Advantage #3: Access Device Functionality
MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   25 Access the Camera
MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   26 Without a plugin: • Record sound • Analyze sound • Store sound Access the Microphone
MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   27 Access the Orientation, Heading and Location
MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   <!DOCTYPE html> <meta charset=utf-8> <title>HTML5</title> <h1>HTML5!</h1> 28 Advantage #4: Easier Development
MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   Browsers strive to have the best HTML5 support 29 -­‐  Goal  is  to  offer  the  best  support,  not  to  differentiate  -­‐   Browser Support
MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   30 Standardized APIs
MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   “Making the Web Beautiful” 31 Advantage #5: CSS3
MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   32 -­‐  Support  great  looking  fonts,  cross  browser  -­‐   Web Fonts “Seperate Structure from Style”
MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   33 CSS Transitions
MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   34 CSS even supports 3D
MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   35 Responsive Web Design
MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   36 “the Bad…”
MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   37 •  < IE9 •  Performance •  Support APIs •  WebGL Problem #1: Support on Desktop
MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   38 “How do you know whether an app is written in HTML5?” “Open it in IE, if it doesn’t work it’s HTML5”
MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   39
MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   “.. tools for canvas/html5 development throw us back to the beginning of the web” - Anonymous 40 Problem #2: Tool support
MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   41
MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   Codecs 42 Problem #3: Multimedia support
MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   43
MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   44 Problem #4: Canvas is not Flash “Just because we have a 2D drawing area with the canvas element, doesn’t mean we must recreate everything on canvas!” - Jos
MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   45 -­‐  that  even  runs  cross  platform  -­‐   But we can create beautiful stuff!
MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   46 Problem #5: No DRM “HTML5 needs to include a built-in DRM scheme.”
MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   47 “… and the Ugly.”
MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   48 Ugly #1: Support on Mobile Devices “What is going to enable us to deliver the best customer experience on the mobile devices that our customers use?” “Our view is that HTML5 technologies can deliver as-good-as-native experiences” “And the lesson we’ve learnt over the last 12 months has been that the cost in time, effort and testing to bring an HTML5 application to a native level of performance seems to be far greater than if the application was built with native technologies from the get-go.”
MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   49
MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   “Betting on HTML5 was a mistake.” – Mark Zuckenberg 50
MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   51 Ugly #2: Browser specific web apps
MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   52 Blink is “an inclusive open source community” and ”a new rendering engine based on WebKit” that will, over time, “naturally evolve in different directions.” - Google
MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   53 Ugly #3: User interaction “To create a good user experience, you need to know who your users are [...] If you build a user interface for a desktop user […] and give it to a smartphone user, your interface will be a frustration because it's designed for another screen size, and another input modality.” – Boris Smus
MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   “We have definity shifted from HTML5 to native.” 54 “…getting that smoothness, we felt like we needed native to really do that well.”
MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   “HTML5 will always be popular, because anything that’s popular will be called HTML5. It’s an exciting time for the web. Hold on tight; it’s going to be one hell of a ride!”– Mark Pilgrim 55 Ugly #4: What is HTML5??
THANKS FOR COMING

Recommended

Breaking out of the Tetris mind set #btconf
Breaking out of the Tetris mind set #btconfBreaking out of the Tetris mind set #btconf
Breaking out of the Tetris mind set #btconfChristian Heilmann
 
Responsive webdesign
Responsive webdesignResponsive webdesign
Responsive webdesignBart De Waele
 
Progressive Web Apps - Goto Chicago 2017
Progressive Web Apps - Goto Chicago 2017Progressive Web Apps - Goto Chicago 2017
Progressive Web Apps - Goto Chicago 2017Christian Heilmann
 
How and why we use Drupal - a business owner's perspective
How and why we use Drupal - a business owner's perspectiveHow and why we use Drupal - a business owner's perspective
How and why we use Drupal - a business owner's perspectiveJeffrey McGuire
 
Nmc11 html5 zobrist
Nmc11 html5 zobristNmc11 html5 zobrist
Nmc11 html5 zobristBill Zobrist
 
Introduction to HTML5 magazine apps
Introduction to HTML5 magazine appsIntroduction to HTML5 magazine apps
Introduction to HTML5 magazine appsMichael Kowalski
 
Stop selling Drupal, start selling solutions to business problems.
Stop selling Drupal, start selling solutions to business problems. Stop selling Drupal, start selling solutions to business problems.
Stop selling Drupal, start selling solutions to business problems. Jeffrey McGuire
 
Accessibility - Drupal and Javascript
Accessibility - Drupal and JavascriptAccessibility - Drupal and Javascript
Accessibility - Drupal and JavascriptDoghouse Agency
 

Recommended

Breaking out of the Tetris mind set #btconf
Breaking out of the Tetris mind set #btconfBreaking out of the Tetris mind set #btconf
Breaking out of the Tetris mind set #btconfChristian Heilmann
 
Responsive webdesign
Responsive webdesignResponsive webdesign
Responsive webdesignBart De Waele
 
Progressive Web Apps - Goto Chicago 2017
Progressive Web Apps - Goto Chicago 2017Progressive Web Apps - Goto Chicago 2017
Progressive Web Apps - Goto Chicago 2017Christian Heilmann
 
How and why we use Drupal - a business owner's perspective
How and why we use Drupal - a business owner's perspectiveHow and why we use Drupal - a business owner's perspective
How and why we use Drupal - a business owner's perspectiveJeffrey McGuire
 
Nmc11 html5 zobrist
Nmc11 html5 zobristNmc11 html5 zobrist
Nmc11 html5 zobristBill Zobrist
 
Introduction to HTML5 magazine apps
Introduction to HTML5 magazine appsIntroduction to HTML5 magazine apps
Introduction to HTML5 magazine appsMichael Kowalski
 
Stop selling Drupal, start selling solutions to business problems.
Stop selling Drupal, start selling solutions to business problems. Stop selling Drupal, start selling solutions to business problems.
Stop selling Drupal, start selling solutions to business problems. Jeffrey McGuire
 
Accessibility - Drupal and Javascript
Accessibility - Drupal and JavascriptAccessibility - Drupal and Javascript
Accessibility - Drupal and JavascriptDoghouse Agency
 
Open source delivers great digital experiences
Open source delivers great digital experiencesOpen source delivers great digital experiences
Open source delivers great digital experiencesJeffrey McGuire
 
Advancing JavaScript without breaking the web - MunichJS
Advancing JavaScript without breaking the web - MunichJSAdvancing JavaScript without breaking the web - MunichJS
Advancing JavaScript without breaking the web - MunichJSChristian Heilmann
 
WordCamp NL 2016
WordCamp NL 2016WordCamp NL 2016
WordCamp NL 2016Theo van der Zee
 
Introduction about wireframing and responsive webdesign
Introduction about wireframing and responsive webdesignIntroduction about wireframing and responsive webdesign
Introduction about wireframing and responsive webdesignipmindthegap
 
10 Web Performance Lessons For the 21st Century
10 Web Performance Lessons For the 21st Century10 Web Performance Lessons For the 21st Century
10 Web Performance Lessons For the 21st CenturyMateusz Kwasniewski
 
Keynote- We're going wrong: Choosing the web's future. Peter Paul Koch
Keynote- We're going wrong: Choosing the web's future. Peter Paul KochKeynote- We're going wrong: Choosing the web's future. Peter Paul Koch
Keynote- We're going wrong: Choosing the web's future. Peter Paul KochFuture Insights
 
Progressive Web App Challenges
Progressive Web App ChallengesProgressive Web App Challenges
Progressive Web App ChallengesJason Grigsby
 
How My Website Learned to Stop Worrying and Love the Cloud
How My Website Learned to Stop Worrying and Love the CloudHow My Website Learned to Stop Worrying and Love the Cloud
How My Website Learned to Stop Worrying and Love the CloudMike Richwalsky
 
Government ICT 2.0 London 2014 – Open Source Drupal Empowering Government
Government ICT 2.0 London 2014 – Open Source Drupal Empowering GovernmentGovernment ICT 2.0 London 2014 – Open Source Drupal Empowering Government
Government ICT 2.0 London 2014 – Open Source Drupal Empowering GovernmentJeffrey McGuire
 
The Joy of Firefox Extensions
The Joy of Firefox ExtensionsThe Joy of Firefox Extensions
The Joy of Firefox Extensionsandy_mitchell
 
Building for real standards (includes notes)
Building for real standards (includes notes)Building for real standards (includes notes)
Building for real standards (includes notes)Christian Heilmann
 
Game and apps onboarding portal
Game and apps onboarding portalGame and apps onboarding portal
Game and apps onboarding portalChristoph Mueller
 
Html5 presentation slides
Html5 presentation slidesHtml5 presentation slides
Html5 presentation slideswebwizart
 
Planning Your Progressive Web App
Planning Your Progressive Web AppPlanning Your Progressive Web App
Planning Your Progressive Web AppJason Grigsby
 
WordPress and Web Accessibility - 2013
WordPress and Web Accessibility - 2013WordPress and Web Accessibility - 2013
WordPress and Web Accessibility - 2013Graham Armfield
 
SWFObject 2: The fine art of embedding Adobe Flash Player content
SWFObject 2: The fine art of embedding Adobe Flash Player contentSWFObject 2: The fine art of embedding Adobe Flash Player content
SWFObject 2: The fine art of embedding Adobe Flash Player contentBobby van der Sluis
 
Webinar: Web Design Trends
Webinar: Web Design TrendsWebinar: Web Design Trends
Webinar: Web Design TrendsStephen MacKley
 
Essential Technology Tools For Social Media - WOMMA Webinar
Essential Technology Tools For Social Media - WOMMA WebinarEssential Technology Tools For Social Media - WOMMA Webinar
Essential Technology Tools For Social Media - WOMMA WebinarMediabrands Social
 
[WEBINARIO amdia OM Latam] Mobile friendly: el nuevo algoritmo de Google y el...
[WEBINARIO amdia OM Latam] Mobile friendly: el nuevo algoritmo de Google y el...[WEBINARIO amdia OM Latam] Mobile friendly: el nuevo algoritmo de Google y el...
[WEBINARIO amdia OM Latam] Mobile friendly: el nuevo algoritmo de Google y el...OM Latam
 
The ODI Accessible Media Player
The ODI Accessible Media PlayerThe ODI Accessible Media Player
The ODI Accessible Media PlayerOffice for Disability Issues
 
Stapling and patching the web of now - ForwardJS3, San Francisco
Stapling and patching the web of now - ForwardJS3, San FranciscoStapling and patching the web of now - ForwardJS3, San Francisco
Stapling and patching the web of now - ForwardJS3, San FranciscoChristian Heilmann
 
Html5 & mlearning: The rapid interactivity approach
Html5 & mlearning: The rapid interactivity approachHtml5 & mlearning: The rapid interactivity approach
Html5 & mlearning: The rapid interactivity approachRaptivity
 

More Related Content

What's hot

Open source delivers great digital experiences
Open source delivers great digital experiencesOpen source delivers great digital experiences
Open source delivers great digital experiencesJeffrey McGuire
 
Advancing JavaScript without breaking the web - MunichJS
Advancing JavaScript without breaking the web - MunichJSAdvancing JavaScript without breaking the web - MunichJS
Advancing JavaScript without breaking the web - MunichJSChristian Heilmann
 
Introduction about wireframing and responsive webdesign
Introduction about wireframing and responsive webdesignIntroduction about wireframing and responsive webdesign
Introduction about wireframing and responsive webdesignipmindthegap
 
10 Web Performance Lessons For the 21st Century
10 Web Performance Lessons For the 21st Century10 Web Performance Lessons For the 21st Century
10 Web Performance Lessons For the 21st CenturyMateusz Kwasniewski
 
Keynote- We're going wrong: Choosing the web's future. Peter Paul Koch
Keynote- We're going wrong: Choosing the web's future. Peter Paul KochKeynote- We're going wrong: Choosing the web's future. Peter Paul Koch
Keynote- We're going wrong: Choosing the web's future. Peter Paul KochFuture Insights
 
Progressive Web App Challenges
Progressive Web App ChallengesProgressive Web App Challenges
Progressive Web App ChallengesJason Grigsby
 
How My Website Learned to Stop Worrying and Love the Cloud
How My Website Learned to Stop Worrying and Love the CloudHow My Website Learned to Stop Worrying and Love the Cloud
How My Website Learned to Stop Worrying and Love the CloudMike Richwalsky
 
Government ICT 2.0 London 2014 – Open Source Drupal Empowering Government
Government ICT 2.0 London 2014 – Open Source Drupal Empowering GovernmentGovernment ICT 2.0 London 2014 – Open Source Drupal Empowering Government
Government ICT 2.0 London 2014 – Open Source Drupal Empowering GovernmentJeffrey McGuire
 
The Joy of Firefox Extensions
The Joy of Firefox ExtensionsThe Joy of Firefox Extensions
The Joy of Firefox Extensionsandy_mitchell
 
Building for real standards (includes notes)
Building for real standards (includes notes)Building for real standards (includes notes)
Building for real standards (includes notes)Christian Heilmann
 
Game and apps onboarding portal
Game and apps onboarding portalGame and apps onboarding portal
Game and apps onboarding portalChristoph Mueller
 
Html5 presentation slides
Html5 presentation slidesHtml5 presentation slides
Html5 presentation slideswebwizart
 
Planning Your Progressive Web App
Planning Your Progressive Web AppPlanning Your Progressive Web App
Planning Your Progressive Web AppJason Grigsby
 
WordPress and Web Accessibility - 2013
WordPress and Web Accessibility - 2013WordPress and Web Accessibility - 2013
WordPress and Web Accessibility - 2013Graham Armfield
 
SWFObject 2: The fine art of embedding Adobe Flash Player content
SWFObject 2: The fine art of embedding Adobe Flash Player contentSWFObject 2: The fine art of embedding Adobe Flash Player content
SWFObject 2: The fine art of embedding Adobe Flash Player contentBobby van der Sluis
 
Webinar: Web Design Trends
Webinar: Web Design TrendsWebinar: Web Design Trends
Webinar: Web Design TrendsStephen MacKley
 
Essential Technology Tools For Social Media - WOMMA Webinar
Essential Technology Tools For Social Media - WOMMA WebinarEssential Technology Tools For Social Media - WOMMA Webinar
Essential Technology Tools For Social Media - WOMMA WebinarMediabrands Social
 
[WEBINARIO amdia OM Latam] Mobile friendly: el nuevo algoritmo de Google y el...
[WEBINARIO amdia OM Latam] Mobile friendly: el nuevo algoritmo de Google y el...[WEBINARIO amdia OM Latam] Mobile friendly: el nuevo algoritmo de Google y el...
[WEBINARIO amdia OM Latam] Mobile friendly: el nuevo algoritmo de Google y el...OM Latam
 

What's hot (20)

Open source delivers great digital experiences
Open source delivers great digital experiencesOpen source delivers great digital experiences
Open source delivers great digital experiences
 
Advancing JavaScript without breaking the web - MunichJS
Advancing JavaScript without breaking the web - MunichJSAdvancing JavaScript without breaking the web - MunichJS
Advancing JavaScript without breaking the web - MunichJS
 
WordCamp NL 2016
WordCamp NL 2016WordCamp NL 2016
WordCamp NL 2016
 
Introduction about wireframing and responsive webdesign
Introduction about wireframing and responsive webdesignIntroduction about wireframing and responsive webdesign
Introduction about wireframing and responsive webdesign
 
10 Web Performance Lessons For the 21st Century
10 Web Performance Lessons For the 21st Century10 Web Performance Lessons For the 21st Century
10 Web Performance Lessons For the 21st Century
 
Keynote- We're going wrong: Choosing the web's future. Peter Paul Koch
Keynote- We're going wrong: Choosing the web's future. Peter Paul KochKeynote- We're going wrong: Choosing the web's future. Peter Paul Koch
Keynote- We're going wrong: Choosing the web's future. Peter Paul Koch
 
Progressive Web App Challenges
Progressive Web App ChallengesProgressive Web App Challenges
Progressive Web App Challenges
 
How My Website Learned to Stop Worrying and Love the Cloud
How My Website Learned to Stop Worrying and Love the CloudHow My Website Learned to Stop Worrying and Love the Cloud
How My Website Learned to Stop Worrying and Love the Cloud
 
Government ICT 2.0 London 2014 – Open Source Drupal Empowering Government
Government ICT 2.0 London 2014 – Open Source Drupal Empowering GovernmentGovernment ICT 2.0 London 2014 – Open Source Drupal Empowering Government
Government ICT 2.0 London 2014 – Open Source Drupal Empowering Government
 
The Joy of Firefox Extensions
The Joy of Firefox ExtensionsThe Joy of Firefox Extensions
The Joy of Firefox Extensions
 
Building for real standards (includes notes)
Building for real standards (includes notes)Building for real standards (includes notes)
Building for real standards (includes notes)
 
Game and apps onboarding portal
Game and apps onboarding portalGame and apps onboarding portal
Game and apps onboarding portal
 
Html5 presentation slides
Html5 presentation slidesHtml5 presentation slides
Html5 presentation slides
 
Planning Your Progressive Web App
Planning Your Progressive Web AppPlanning Your Progressive Web App
Planning Your Progressive Web App
 
WordPress and Web Accessibility - 2013
WordPress and Web Accessibility - 2013WordPress and Web Accessibility - 2013
WordPress and Web Accessibility - 2013
 
SWFObject 2: The fine art of embedding Adobe Flash Player content
SWFObject 2: The fine art of embedding Adobe Flash Player contentSWFObject 2: The fine art of embedding Adobe Flash Player content
SWFObject 2: The fine art of embedding Adobe Flash Player content
 
Webinar: Web Design Trends
Webinar: Web Design TrendsWebinar: Web Design Trends
Webinar: Web Design Trends
 
Essential Technology Tools For Social Media - WOMMA Webinar
Essential Technology Tools For Social Media - WOMMA WebinarEssential Technology Tools For Social Media - WOMMA Webinar
Essential Technology Tools For Social Media - WOMMA Webinar
 
[WEBINARIO amdia OM Latam] Mobile friendly: el nuevo algoritmo de Google y el...
[WEBINARIO amdia OM Latam] Mobile friendly: el nuevo algoritmo de Google y el...[WEBINARIO amdia OM Latam] Mobile friendly: el nuevo algoritmo de Google y el...
[WEBINARIO amdia OM Latam] Mobile friendly: el nuevo algoritmo de Google y el...
 
The ODI Accessible Media Player
The ODI Accessible Media PlayerThe ODI Accessible Media Player
The ODI Accessible Media Player
 

Similar to Truth About HTML5

Stapling and patching the web of now - ForwardJS3, San Francisco
Stapling and patching the web of now - ForwardJS3, San FranciscoStapling and patching the web of now - ForwardJS3, San Francisco
Stapling and patching the web of now - ForwardJS3, San FranciscoChristian Heilmann
 
Html5 & mlearning: The rapid interactivity approach
Html5 & mlearning: The rapid interactivity approachHtml5 & mlearning: The rapid interactivity approach
Html5 & mlearning: The rapid interactivity approachRaptivity
 
What's next? J and beyond keynote 2015
What's next? J and beyond keynote 2015What's next? J and beyond keynote 2015
What's next? J and beyond keynote 2015Christian Heilmann
 
Progressing JavaScript and Apps the Web way…
Progressing JavaScript and Apps the Web way… Progressing JavaScript and Apps the Web way…
Progressing JavaScript and Apps the Web way… Christian Heilmann
 
Native, Web App, or Hybrid: Which Should You Choose?
Native, Web App, or Hybrid: Which Should You Choose?Native, Web App, or Hybrid: Which Should You Choose?
Native, Web App, or Hybrid: Which Should You Choose?Softweb Solutions
 
HTML5 & mlearning - The Rapid Interactivity Approach
HTML5 & mlearning - The Rapid Interactivity ApproachHTML5 & mlearning - The Rapid Interactivity Approach
HTML5 & mlearning - The Rapid Interactivity ApproachPoonam Jaypuriya
 
HTML5 and mLearning- The Rapid Interactivity Approach
HTML5 and mLearning- The Rapid Interactivity ApproachHTML5 and mLearning- The Rapid Interactivity Approach
HTML5 and mLearning- The Rapid Interactivity ApproachRaptivity
 
Html5 and mLearning: The rapid interactivity approach
Html5 and mLearning: The rapid interactivity approachHtml5 and mLearning: The rapid interactivity approach
Html5 and mLearning: The rapid interactivity approachRicha Bakshi
 
HTML5 & mLearning - The Rapid Interactivity Approach
HTML5 & mLearning - The Rapid Interactivity ApproachHTML5 & mLearning - The Rapid Interactivity Approach
HTML5 & mLearning - The Rapid Interactivity ApproachPoonam Jaypuriya
 
Of innovation and impatience - Future Decoded 2015
Of innovation and impatience - Future Decoded 2015Of innovation and impatience - Future Decoded 2015
Of innovation and impatience - Future Decoded 2015Christian Heilmann
 
HTML5: What Marketers Need To Know
HTML5: What Marketers Need To KnowHTML5: What Marketers Need To Know
HTML5: What Marketers Need To KnowUberflip
 
How HTML5 missed its graduation - #TrondheimDC
How HTML5 missed its graduation - #TrondheimDCHow HTML5 missed its graduation - #TrondheimDC
How HTML5 missed its graduation - #TrondheimDCChristian Heilmann
 
Html5 today
Html5 todayHtml5 today
Html5 todayRoy Yu
 
HTML5: An Introduction
HTML5: An IntroductionHTML5: An Introduction
HTML5: An IntroductionClearPivot
 
Ibm worklight - going from xpages mobile to native mobile applications
Ibm worklight - going from xpages mobile to native mobile applicationsIbm worklight - going from xpages mobile to native mobile applications
Ibm worklight - going from xpages mobile to native mobile applicationsMark Roden
 
How to Hybrid : Effective Tactics in HTML5-Native App Development
How to Hybrid : Effective Tactics in HTML5-Native App DevelopmentHow to Hybrid : Effective Tactics in HTML5-Native App Development
How to Hybrid : Effective Tactics in HTML5-Native App DevelopmentDroidConTLV
 
Prepare for the Mobilacalypse
Prepare for the MobilacalypsePrepare for the Mobilacalypse
Prepare for the MobilacalypseJeff Eaton
 
The near future of real web applications
The near future of real web applicationsThe near future of real web applications
The near future of real web applicationsX.commerce
 

Similar to Truth About HTML5 (20)

Stapling and patching the web of now - ForwardJS3, San Francisco
Stapling and patching the web of now - ForwardJS3, San FranciscoStapling and patching the web of now - ForwardJS3, San Francisco
Stapling and patching the web of now - ForwardJS3, San Francisco
 
Html5 & mlearning: The rapid interactivity approach
Html5 & mlearning: The rapid interactivity approachHtml5 & mlearning: The rapid interactivity approach
Html5 & mlearning: The rapid interactivity approach
 
What's next? J and beyond keynote 2015
What's next? J and beyond keynote 2015What's next? J and beyond keynote 2015
What's next? J and beyond keynote 2015
 
Progressing JavaScript and Apps the Web way…
Progressing JavaScript and Apps the Web way… Progressing JavaScript and Apps the Web way…
Progressing JavaScript and Apps the Web way…
 
Native, Web App, or Hybrid: Which Should You Choose?
Native, Web App, or Hybrid: Which Should You Choose?Native, Web App, or Hybrid: Which Should You Choose?
Native, Web App, or Hybrid: Which Should You Choose?
 
HTML5 & mlearning - The Rapid Interactivity Approach
HTML5 & mlearning - The Rapid Interactivity ApproachHTML5 & mlearning - The Rapid Interactivity Approach
HTML5 & mlearning - The Rapid Interactivity Approach
 
HTML5 and mLearning- The Rapid Interactivity Approach
HTML5 and mLearning- The Rapid Interactivity ApproachHTML5 and mLearning- The Rapid Interactivity Approach
HTML5 and mLearning- The Rapid Interactivity Approach
 
Html5 and mLearning: The rapid interactivity approach
Html5 and mLearning: The rapid interactivity approachHtml5 and mLearning: The rapid interactivity approach
Html5 and mLearning: The rapid interactivity approach
 
HTML5 & mLearning - The Rapid Interactivity Approach
HTML5 & mLearning - The Rapid Interactivity ApproachHTML5 & mLearning - The Rapid Interactivity Approach
HTML5 & mLearning - The Rapid Interactivity Approach
 
Of innovation and impatience - Future Decoded 2015
Of innovation and impatience - Future Decoded 2015Of innovation and impatience - Future Decoded 2015
Of innovation and impatience - Future Decoded 2015
 
HTML5: What Marketers Need To Know
HTML5: What Marketers Need To KnowHTML5: What Marketers Need To Know
HTML5: What Marketers Need To Know
 
How HTML5 missed its graduation - #TrondheimDC
How HTML5 missed its graduation - #TrondheimDCHow HTML5 missed its graduation - #TrondheimDC
How HTML5 missed its graduation - #TrondheimDC
 
Html5 today
Html5 todayHtml5 today
Html5 today
 
HTML5: An Introduction
HTML5: An IntroductionHTML5: An Introduction
HTML5: An Introduction
 
Ibm worklight - going from xpages mobile to native mobile applications
Ibm worklight - going from xpages mobile to native mobile applicationsIbm worklight - going from xpages mobile to native mobile applications
Ibm worklight - going from xpages mobile to native mobile applications
 
Html5
Html5Html5
Html5
 
How to Hybrid : Effective Tactics in HTML5-Native App Development
How to Hybrid : Effective Tactics in HTML5-Native App DevelopmentHow to Hybrid : Effective Tactics in HTML5-Native App Development
How to Hybrid : Effective Tactics in HTML5-Native App Development
 
Prepare for the Mobilacalypse
Prepare for the MobilacalypsePrepare for the Mobilacalypse
Prepare for the Mobilacalypse
 
The near future of real web applications
The near future of real web applicationsThe near future of real web applications
The near future of real web applications
 
HTML5
HTML5HTML5
HTML5
 

Recently uploaded

Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CVKhem
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Scriptwesley chun
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonAnna Loughnan Colquhoun
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherRemote DBA Services
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century educationjfdjdjcjdnsjd
 
Deploy with confidence: VMware Cloud Foundation 5.1 on next gen Dell PowerEdg...
Deploy with confidence: VMware Cloud Foundation 5.1 on next gen Dell PowerEdg...Deploy with confidence: VMware Cloud Foundation 5.1 on next gen Dell PowerEdg...
Deploy with confidence: VMware Cloud Foundation 5.1 on next gen Dell PowerEdg...Principled Technologies
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAndrey Devyatkin
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProduct Anonymous
 
HTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation StrategiesHTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation StrategiesBoston Institute of Analytics
 
Top 5 Benefits OF Using Muvi Live Paywall For Live Streams
Top 5 Benefits OF Using Muvi Live Paywall For Live StreamsTop 5 Benefits OF Using Muvi Live Paywall For Live Streams
Top 5 Benefits OF Using Muvi Live Paywall For Live StreamsRoshan Dwivedi
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businesspanagenda
 
🐬 The future of MySQL is Postgres 🐘
🐬 The future of MySQL is Postgres 🐘🐬 The future of MySQL is Postgres 🐘
🐬 The future of MySQL is Postgres 🐘RTylerCroy
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FMECloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FMESafe Software
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfsudhanshuwaghmare1
 
Top 10 Most Downloaded Games on Play Store in 2024
Top 10 Most Downloaded Games on Play Store in 2024Top 10 Most Downloaded Games on Play Store in 2024
Top 10 Most Downloaded Games on Play Store in 2024SynarionITSolutions
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerThousandEyes
 
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024The Digital Insurer
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processorsdebabhi2
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc
 

Recently uploaded (20)

Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
Deploy with confidence: VMware Cloud Foundation 5.1 on next gen Dell PowerEdg...
Deploy with confidence: VMware Cloud Foundation 5.1 on next gen Dell PowerEdg...Deploy with confidence: VMware Cloud Foundation 5.1 on next gen Dell PowerEdg...
Deploy with confidence: VMware Cloud Foundation 5.1 on next gen Dell PowerEdg...
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
HTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation StrategiesHTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation Strategies
 
Top 5 Benefits OF Using Muvi Live Paywall For Live Streams
Top 5 Benefits OF Using Muvi Live Paywall For Live StreamsTop 5 Benefits OF Using Muvi Live Paywall For Live Streams
Top 5 Benefits OF Using Muvi Live Paywall For Live Streams
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
 
🐬 The future of MySQL is Postgres 🐘
🐬 The future of MySQL is Postgres 🐘🐬 The future of MySQL is Postgres 🐘
🐬 The future of MySQL is Postgres 🐘
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FMECloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
Top 10 Most Downloaded Games on Play Store in 2024
Top 10 Most Downloaded Games on Play Store in 2024Top 10 Most Downloaded Games on Play Store in 2024
Top 10 Most Downloaded Games on Play Store in 2024
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 

Truth About HTML5

  • 1. JPoint   Malmberg  |  Lunch  &  Learn  |  Jos  Dirksen   … about HTML5
  • 2. WWW.JPOINT.NL          |          JOS@JPOINT.NL        |          TWITTER:  @JOSDIRKSEN   2 -­‐  Beware!  Personal  opinions  ahead  -­‐   Disclaimer “No matter how big the lie; repeat it often enough and the masses will regard it as the truth.”– John F. Kennedy
  • 3. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   3 “The World is moving to HTML5” – Steve Jobs, Apple
  • 4. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   4 “The Web has not seen this level of transformation, this level of acceleration, in the past ten years… we're betting big on HTML5” – Vic Gundotra, VP of Engineering, Google
  • 5. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   5 “If you want to do something universal, there is no question, the world is going HTML5. That is clear...The world is just pushing down this HTML5 path and so are we.” – Steve Ballmer, CEO, Microsoft
  • 6. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   6 But what is HTML5?
  • 7. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   7 HTML5: The Buzzword “the collection of new (and not so new) technology that is often downright cool, but has little to do with the HTML5 specification” – Luke Stevens
  • 8. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   8
  • 9. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   9 But this isn’t HTML5, this is WebGL
  • 10. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   10
  • 11. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   “SVG should soon be widespread, and its non-proprietary nature will help to hasten the progress. Flash will continue to be the dominant standard for quite some time because of its large client base. However, SVG is rising quickly. The distribution of the SVG plug-in via browser manufacturers will quickly increase the installed user base, just as it did for Flash. Future versions of various browsers will include SVG viewers as standard, and some already do.” – SVG, the new Flash - 2002 11 No HTML5, this is SVG…
  • 12. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   12 Even the HTML5 version of Angry Birds isn’t HTML5. Only works in a single browser.
  • 13. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   13 HTML5: The Specification
  • 14. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   14
  • 15. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   “HTML5 is a standard… sort of, it has it’s good and bad parts.” 15 So, what is HTML5?
  • 16. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   16 “The Good…”
  • 17. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   “Whenever a Mac crashes, more often than not it because of Flash” – Steve Jobs 17 Advantage #1: Less plugins
  • 18. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   18 “Firefox 17 also debuts a new security feature that automatically blocks outdated versions of the most popular Web browser plug-ins -- Adobe's Flash Player and Reader, Microsoft's Silverlight, and Oracle's Java -- from executing content.”
  • 19. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   19 No more Flash for Video Playback
  • 20. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   20 …  in  most  modern  browsers,  on  the  desktop…   And an alternative for Flash content
  • 21. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   “Accessibility is built in from the ground up” 21 Advantage #2: Accessibility
  • 22. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   22 Subtitles support
  • 23. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   23 Support for virtual keyboards
  • 24. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   24 Advantage #3: Access Device Functionality
  • 25. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   25 Access the Camera
  • 26. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   26 Without a plugin: • Record sound • Analyze sound • Store sound Access the Microphone
  • 27. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   27 Access the Orientation, Heading and Location
  • 28. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   <!DOCTYPE html> <meta charset=utf-8> <title>HTML5</title> <h1>HTML5!</h1> 28 Advantage #4: Easier Development
  • 29. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   Browsers strive to have the best HTML5 support 29 -­‐  Goal  is  to  offer  the  best  support,  not  to  differentiate  -­‐   Browser Support
  • 30. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   30 Standardized APIs
  • 31. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   “Making the Web Beautiful” 31 Advantage #5: CSS3
  • 32. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   32 -­‐  Support  great  looking  fonts,  cross  browser  -­‐   Web Fonts “Seperate Structure from Style”
  • 33. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   33 CSS Transitions
  • 34. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   34 CSS even supports 3D
  • 35. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   35 Responsive Web Design
  • 36. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   36 “the Bad…”
  • 37. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   37 •  < IE9 •  Performance •  Support APIs •  WebGL Problem #1: Support on Desktop
  • 38. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   38 “How do you know whether an app is written in HTML5?” “Open it in IE, if it doesn’t work it’s HTML5”
  • 39. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   39
  • 40. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   “.. tools for canvas/html5 development throw us back to the beginning of the web” - Anonymous 40 Problem #2: Tool support
  • 41. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   41
  • 42. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   Codecs 42 Problem #3: Multimedia support
  • 43. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   43
  • 44. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   44 Problem #4: Canvas is not Flash “Just because we have a 2D drawing area with the canvas element, doesn’t mean we must recreate everything on canvas!” - Jos
  • 45. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   45 -­‐  that  even  runs  cross  platform  -­‐   But we can create beautiful stuff!
  • 46. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   46 Problem #5: No DRM “HTML5 needs to include a built-in DRM scheme.”
  • 47. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   47 “… and the Ugly.”
  • 48. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   48 Ugly #1: Support on Mobile Devices “What is going to enable us to deliver the best customer experience on the mobile devices that our customers use?” “Our view is that HTML5 technologies can deliver as-good-as-native experiences” “And the lesson we’ve learnt over the last 12 months has been that the cost in time, effort and testing to bring an HTML5 application to a native level of performance seems to be far greater than if the application was built with native technologies from the get-go.”
  • 49. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   49
  • 50. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   “Betting on HTML5 was a mistake.” – Mark Zuckenberg 50
  • 51. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   51 Ugly #2: Browser specific web apps
  • 52. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   52 Blink is “an inclusive open source community” and ”a new rendering engine based on WebKit” that will, over time, “naturally evolve in different directions.” - Google
  • 53. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   53 Ugly #3: User interaction “To create a good user experience, you need to know who your users are [...] If you build a user interface for a desktop user […] and give it to a smartphone user, your interface will be a frustration because it's designed for another screen size, and another input modality.” – Boris Smus
  • 54. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   “We have definity shifted from HTML5 to native.” 54 “…getting that smoothness, we felt like we needed native to really do that well.”
  • 55. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN   “HTML5 will always be popular, because anything that’s popular will be called HTML5. It’s an exciting time for the web. Hold on tight; it’s going to be one hell of a ride!”– Mark Pilgrim 55 Ugly #4: What is HTML5??