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

Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountBreaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountPuma Security, LLC
 
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | DelhiFULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhisoniya singh
 
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...Neo4j
 
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersEnhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersThousandEyes
 
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Patryk Bandurski
 
Pigging Solutions Piggable Sweeping Elbows
Pigging Solutions Piggable Sweeping ElbowsPigging Solutions Piggable Sweeping Elbows
Pigging Solutions Piggable Sweeping ElbowsPigging Solutions
 
Next-generation AAM aircraft unveiled by Supernal, S-A2
Next-generation AAM aircraft unveiled by Supernal, S-A2Next-generation AAM aircraft unveiled by Supernal, S-A2
Next-generation AAM aircraft unveiled by Supernal, S-A2Hyundai Motor Group
 
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticsKotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticscarlostorres15106
 
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxThe Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxMalak Abu Hammad
 
Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)Allon Mureinik
 
Azure Monitor & Application Insight to monitor Infrastructure & Application
Azure Monitor & Application Insight to monitor Infrastructure & ApplicationAzure Monitor & Application Insight to monitor Infrastructure & Application
Azure Monitor & Application Insight to monitor Infrastructure & ApplicationAndikSusilo4
 
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking MenDelhi Call girls
 
Key Features Of Token Development (1).pptx
Key Features Of Token Development (1).pptxKey Features Of Token Development (1).pptx
Key Features Of Token Development (1).pptxLBM Solutions
 
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptxMaking_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptxnull - The Open Security Community
 
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024BookNet Canada
 
Hyderabad Call Girls Khairatabad ✨ 7001305949 ✨ Cheap Price Your Budget
Hyderabad Call Girls Khairatabad ✨ 7001305949 ✨ Cheap Price Your BudgetHyderabad Call Girls Khairatabad ✨ 7001305949 ✨ Cheap Price Your Budget
Hyderabad Call Girls Khairatabad ✨ 7001305949 ✨ Cheap Price Your BudgetEnjoy Anytime
 
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationBeyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationSafe Software
 
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure serviceWhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure servicePooja Nehwal
 
AI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsAI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsMemoori
 

Recently uploaded (20)

Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountBreaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path Mount
 
The transition to renewables in India.pdf
The transition to renewables in India.pdfThe transition to renewables in India.pdf
The transition to renewables in India.pdf
 
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | DelhiFULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
 
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
 
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersEnhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
 
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
 
Pigging Solutions Piggable Sweeping Elbows
Pigging Solutions Piggable Sweeping ElbowsPigging Solutions Piggable Sweeping Elbows
Pigging Solutions Piggable Sweeping Elbows
 
Next-generation AAM aircraft unveiled by Supernal, S-A2
Next-generation AAM aircraft unveiled by Supernal, S-A2Next-generation AAM aircraft unveiled by Supernal, S-A2
Next-generation AAM aircraft unveiled by Supernal, S-A2
 
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticsKotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
 
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxThe Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptx
 
Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)
 
Azure Monitor & Application Insight to monitor Infrastructure & Application
Azure Monitor & Application Insight to monitor Infrastructure & ApplicationAzure Monitor & Application Insight to monitor Infrastructure & Application
Azure Monitor & Application Insight to monitor Infrastructure & Application
 
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men
 
Key Features Of Token Development (1).pptx
Key Features Of Token Development (1).pptxKey Features Of Token Development (1).pptx
Key Features Of Token Development (1).pptx
 
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptxMaking_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
 
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
 
Hyderabad Call Girls Khairatabad ✨ 7001305949 ✨ Cheap Price Your Budget
Hyderabad Call Girls Khairatabad ✨ 7001305949 ✨ Cheap Price Your BudgetHyderabad Call Girls Khairatabad ✨ 7001305949 ✨ Cheap Price Your Budget
Hyderabad Call Girls Khairatabad ✨ 7001305949 ✨ Cheap Price Your Budget
 
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationBeyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
 
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure serviceWhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
 
AI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsAI as an Interface for Commercial Buildings
AI as an Interface for Commercial Buildings
 

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