JPoint	  Malmberg	  |	  Lunch	  &	  Learn	  |	  Jos	  Dirksen	  … about HTML5
WWW.JPOINT.NL	  	  	  	  	  |	  	  	  	  	  JOS@JPOINT.NL	  	  	  	  |	  	  	  	  	  TWITTER:	  @JOSDIRKSEN	  2-­‐	  Bewar...
MALMBERG	  	  	  	  |	  	  	  	  THE	  TRUTH	  ABOUT	  HTML5	  |	  LUNCH	  &	  LEARN	  3“The World ismovingto HTML5”– Stev...
MALMBERG	  	  	  	  |	  	  	  	  THE	  TRUTH	  ABOUT	  HTML5	  |	  LUNCH	  &	  LEARN	  4“The Web has not seen this level o...
MALMBERG	  	  	  	  |	  	  	  	  THE	  TRUTH	  ABOUT	  HTML5	  |	  LUNCH	  &	  LEARN	  5“If you want to do somethinguniver...
MALMBERG	  	  	  	  |	  	  	  	  THE	  TRUTH	  ABOUT	  HTML5	  |	  LUNCH	  &	  LEARN	  6But what is HTML5?
MALMBERG	  	  	  	  |	  	  	  	  THE	  TRUTH	  ABOUT	  HTML5	  |	  LUNCH	  &	  LEARN	  7HTML5: The Buzzword“the collection...
MALMBERG	  	  	  	  |	  	  	  	  THE	  TRUTH	  ABOUT	  HTML5	  |	  LUNCH	  &	  LEARN	  8
MALMBERG	  	  	  	  |	  	  	  	  THE	  TRUTH	  ABOUT	  HTML5	  |	  LUNCH	  &	  LEARN	  9But 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...
MALMBERG	  	  	  	  |	  	  	  	  THE	  TRUTH	  ABOUT	  HTML5	  |	  LUNCH	  &	  LEARN	  12Even the HTML5version of AngryBir...
MALMBERG	  	  	  	  |	  	  	  	  THE	  TRUTH	  ABOUT	  HTML5	  |	  LUNCH	  &	  LEARN	  13HTML5: The Specification
MALMBERG	  	  	  	  |	  	  	  	  THE	  TRUTH	  ABOUT	  HTML5	  |	  LUNCH	  &	  LEARN	  14
MALMBERG	  	  	  	  |	  	  	  	  THE	  TRUTH	  ABOUT	  HTML5	  |	  LUNCH	  &	  LEARN	  “HTML5 is a standard… sort of, itha...
MALMBERG	  	  	  	  |	  	  	  	  THE	  TRUTH	  ABOUT	  HTML5	  |	  LUNCH	  &	  LEARN	  16“The Good…”
MALMBERG	  	  	  	  |	  	  	  	  THE	  TRUTH	  ABOUT	  HTML5	  |	  LUNCH	  &	  LEARN	  “Whenever a Maccrashes, more oftent...
MALMBERG	  	  	  	  |	  	  	  	  THE	  TRUTH	  ABOUT	  HTML5	  |	  LUNCH	  &	  LEARN	  18“Firefox 17 also debuts a newsecu...
MALMBERG	  	  	  	  |	  	  	  	  THE	  TRUTH	  ABOUT	  HTML5	  |	  LUNCH	  &	  LEARN	  19No more Flash for Video Playback
MALMBERG	  	  	  	  |	  	  	  	  THE	  TRUTH	  ABOUT	  HTML5	  |	  LUNCH	  &	  LEARN	  20…	  in	  most	  modern	  browsers...
MALMBERG	  	  	  	  |	  	  	  	  THE	  TRUTH	  ABOUT	  HTML5	  |	  LUNCH	  &	  LEARN	  “Accessibility is built in from the...
MALMBERG	  	  	  	  |	  	  	  	  THE	  TRUTH	  ABOUT	  HTML5	  |	  LUNCH	  &	  LEARN	  22Subtitles support
MALMBERG	  	  	  	  |	  	  	  	  THE	  TRUTH	  ABOUT	  HTML5	  |	  LUNCH	  &	  LEARN	  23Support for virtual keyboards
MALMBERG	  	  	  	  |	  	  	  	  THE	  TRUTH	  ABOUT	  HTML5	  |	  LUNCH	  &	  LEARN	  24Advantage #3: Access Device Funct...
MALMBERG	  	  	  	  |	  	  	  	  THE	  TRUTH	  ABOUT	  HTML5	  |	  LUNCH	  &	  LEARN	  25Access the Camera
MALMBERG	  	  	  	  |	  	  	  	  THE	  TRUTH	  ABOUT	  HTML5	  |	  LUNCH	  &	  LEARN	  26Without a plugin:• Record sound• ...
MALMBERG	  	  	  	  |	  	  	  	  THE	  TRUTH	  ABOUT	  HTML5	  |	  LUNCH	  &	  LEARN	  27Access the Orientation, Heading a...
MALMBERG	  	  	  	  |	  	  	  	  THE	  TRUTH	  ABOUT	  HTML5	  |	  LUNCH	  &	  LEARN	  <!DOCTYPE html><meta charset=utf-8>...
MALMBERG	  	  	  	  |	  	  	  	  THE	  TRUTH	  ABOUT	  HTML5	  |	  LUNCH	  &	  LEARN	  Browsers strive to have the best HT...
MALMBERG	  	  	  	  |	  	  	  	  THE	  TRUTH	  ABOUT	  HTML5	  |	  LUNCH	  &	  LEARN	  30Standardized APIs
MALMBERG	  	  	  	  |	  	  	  	  THE	  TRUTH	  ABOUT	  HTML5	  |	  LUNCH	  &	  LEARN	  “Making theWebBeautiful”31Advantage...
MALMBERG	  	  	  	  |	  	  	  	  THE	  TRUTH	  ABOUT	  HTML5	  |	  LUNCH	  &	  LEARN	  32-­‐	  Support	  great	  looking	 ...
MALMBERG	  	  	  	  |	  	  	  	  THE	  TRUTH	  ABOUT	  HTML5	  |	  LUNCH	  &	  LEARN	  33CSS Transitions
MALMBERG	  	  	  	  |	  	  	  	  THE	  TRUTH	  ABOUT	  HTML5	  |	  LUNCH	  &	  LEARN	  34CSS even supports 3D
MALMBERG	  	  	  	  |	  	  	  	  THE	  TRUTH	  ABOUT	  HTML5	  |	  LUNCH	  &	  LEARN	  35Responsive Web Design
MALMBERG	  	  	  	  |	  	  	  	  THE	  TRUTH	  ABOUT	  HTML5	  |	  LUNCH	  &	  LEARN	  36“the Bad…”
MALMBERG	  	  	  	  |	  	  	  	  THE	  TRUTH	  ABOUT	  HTML5	  |	  LUNCH	  &	  LEARN	  37•  < IE9•  Performance•  Support ...
MALMBERG	  	  	  	  |	  	  	  	  THE	  TRUTH	  ABOUT	  HTML5	  |	  LUNCH	  &	  LEARN	  38“How do you know whetheran app is...
MALMBERG	  	  	  	  |	  	  	  	  THE	  TRUTH	  ABOUT	  HTML5	  |	  LUNCH	  &	  LEARN	  39
MALMBERG	  	  	  	  |	  	  	  	  THE	  TRUTH	  ABOUT	  HTML5	  |	  LUNCH	  &	  LEARN	  “.. tools for canvas/html5 developm...
MALMBERG	  	  	  	  |	  	  	  	  THE	  TRUTH	  ABOUT	  HTML5	  |	  LUNCH	  &	  LEARN	  41
MALMBERG	  	  	  	  |	  	  	  	  THE	  TRUTH	  ABOUT	  HTML5	  |	  LUNCH	  &	  LEARN	  Codecs42Problem #3: Multimedia supp...
MALMBERG	  	  	  	  |	  	  	  	  THE	  TRUTH	  ABOUT	  HTML5	  |	  LUNCH	  &	  LEARN	  43
MALMBERG	  	  	  	  |	  	  	  	  THE	  TRUTH	  ABOUT	  HTML5	  |	  LUNCH	  &	  LEARN	  44Problem #4: Canvas is not Flash“J...
MALMBERG	  	  	  	  |	  	  	  	  THE	  TRUTH	  ABOUT	  HTML5	  |	  LUNCH	  &	  LEARN	  45-­‐	  that	  even	  runs	  cross	...
MALMBERG	  	  	  	  |	  	  	  	  THE	  TRUTH	  ABOUT	  HTML5	  |	  LUNCH	  &	  LEARN	  46Problem #5: No DRM“HTML5 needs to...
MALMBERG	  	  	  	  |	  	  	  	  THE	  TRUTH	  ABOUT	  HTML5	  |	  LUNCH	  &	  LEARN	  47“… and the Ugly.”
MALMBERG	  	  	  	  |	  	  	  	  THE	  TRUTH	  ABOUT	  HTML5	  |	  LUNCH	  &	  LEARN	  48Ugly #1: Support on Mobile Device...
MALMBERG	  	  	  	  |	  	  	  	  THE	  TRUTH	  ABOUT	  HTML5	  |	  LUNCH	  &	  LEARN	  49
MALMBERG	  	  	  	  |	  	  	  	  THE	  TRUTH	  ABOUT	  HTML5	  |	  LUNCH	  &	  LEARN	  “Betting on HTML5 was a mistake.”– ...
MALMBERG	  	  	  	  |	  	  	  	  THE	  TRUTH	  ABOUT	  HTML5	  |	  LUNCH	  &	  LEARN	  51Ugly #2: Browser specific web apps
MALMBERG	  	  	  	  |	  	  	  	  THE	  TRUTH	  ABOUT	  HTML5	  |	  LUNCH	  &	  LEARN	  52Blink is “an inclusive open sourc...
MALMBERG	  	  	  	  |	  	  	  	  THE	  TRUTH	  ABOUT	  HTML5	  |	  LUNCH	  &	  LEARN	  53Ugly #3: User interaction“To crea...
MALMBERG	  	  	  	  |	  	  	  	  THE	  TRUTH	  ABOUT	  HTML5	  |	  LUNCH	  &	  LEARN	  “We have definity shifted from HTML...
MALMBERG	  	  	  	  |	  	  	  	  THE	  TRUTH	  ABOUT	  HTML5	  |	  LUNCH	  &	  LEARN	  “HTML5 will always be popular, beca...
THANKS FOR COMING
Upcoming SlideShare
Loading in …5
×

Truth About HTML5

5,170 views

Published on

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.

Published in: Technology
0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
5,170
On SlideShare
0
From Embeds
0
Number of Embeds
2,752
Actions
Shares
0
Downloads
323
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

Truth About HTML5

  1. 1. JPoint  Malmberg  |  Lunch  &  Learn  |  Jos  Dirksen  … about HTML5
  2. 2. WWW.JPOINT.NL          |          JOS@JPOINT.NL        |          TWITTER:  @JOSDIRKSEN  2-­‐  Beware!  Personal  opinions  ahead  -­‐  Disclaimer“No matter how big the lie; repeatit often enough and the masseswill regard it as the truth.”– John F. Kennedy
  3. 3. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  3“The World ismovingto HTML5”– Steve Jobs, Apple
  4. 4. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  4“The Web has not seen this level oftransformation, this level ofacceleration, in the past ten years…were betting big on HTML5”– Vic Gundotra, VP of Engineering, Google
  5. 5. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  5“If you want to do somethinguniversal, there is no question, theworld is going HTML5. That isclear...The world is just pushing downthis HTML5 path and so are we.”– Steve Ballmer, CEO, Microsoft
  6. 6. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  6But what is HTML5?
  7. 7. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  7HTML5: The Buzzword“the collection of new (and not so new)technology that is often downright cool, buthas little to do with the HTML5 specification”– Luke Stevens
  8. 8. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  8
  9. 9. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  9But this isn’t HTML5, this is WebGL
  10. 10. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  10
  11. 11. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  “SVG should soon be widespread, and its non-proprietary nature will help to hastenthe progress. Flash will continue to be the dominant standard for quite some timebecause of its large client base. However, SVG is rising quickly. The distribution ofthe SVG plug-in via browser manufacturers will quickly increase the installed userbase, just as it did for Flash. Future versions of various browsers will include SVGviewers as standard, and some already do.”– SVG, the new Flash - 200211No HTML5, this is SVG…
  12. 12. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  12Even the HTML5version of AngryBirds isn’t HTML5.Only works in asingle browser.
  13. 13. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  13HTML5: The Specification
  14. 14. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  14
  15. 15. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  “HTML5 is a standard… sort of, ithas it’s good and bad parts.”15So, what is HTML5?
  16. 16. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  16“The Good…”
  17. 17. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  “Whenever a Maccrashes, more oftenthan not it because ofFlash” – Steve Jobs17Advantage #1: Less plugins
  18. 18. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  18“Firefox 17 also debuts a newsecurity feature that automaticallyblocks outdated versions of themost popular Web browser plug-ins-- Adobes Flash Player and Reader,Microsofts Silverlight, and OraclesJava -- from executing content.”
  19. 19. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  19No more Flash for Video Playback
  20. 20. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  20…  in  most  modern  browsers,  on  the  desktop…  And an alternative for Flash content
  21. 21. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  “Accessibility is built in from the ground up”21Advantage #2: Accessibility
  22. 22. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  22Subtitles support
  23. 23. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  23Support for virtual keyboards
  24. 24. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  24Advantage #3: Access Device Functionality
  25. 25. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  25Access the Camera
  26. 26. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  26Without a plugin:• Record sound• Analyze sound• Store soundAccess the Microphone
  27. 27. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  27Access the Orientation, Heading and Location
  28. 28. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  <!DOCTYPE html><meta charset=utf-8><title>HTML5</title><h1>HTML5!</h1>28Advantage #4: Easier Development
  29. 29. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  Browsers strive to have the best HTML5 support29-­‐  Goal  is  to  offer  the  best  support,  not  to  differentiate  -­‐  Browser Support
  30. 30. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  30Standardized APIs
  31. 31. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  “Making theWebBeautiful”31Advantage #5: CSS3
  32. 32. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  32-­‐  Support  great  looking  fonts,  cross  browser  -­‐  Web Fonts“Seperate Structurefrom Style”
  33. 33. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  33CSS Transitions
  34. 34. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  34CSS even supports 3D
  35. 35. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  35Responsive Web Design
  36. 36. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  36“the Bad…”
  37. 37. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  37•  < IE9•  Performance•  Support APIs•  WebGLProblem #1: Support on Desktop
  38. 38. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  38“How do you know whetheran app is written in HTML5?”“Open it in IE, if it doesn’twork it’s HTML5”
  39. 39. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  39
  40. 40. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  “.. tools for canvas/html5 developmentthrow us back to the beginning of the web”- Anonymous40Problem #2: Tool support
  41. 41. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  41
  42. 42. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  Codecs42Problem #3: Multimedia support
  43. 43. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  43
  44. 44. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  44Problem #4: Canvas is not Flash“Just because we have a 2D drawing area withthe canvas element, doesn’t mean we mustrecreate everything on canvas!” - Jos
  45. 45. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  45-­‐  that  even  runs  cross  platform  -­‐  But we can create beautiful stuff!
  46. 46. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  46Problem #5: No DRM“HTML5 needs to include a built-in DRM scheme.”
  47. 47. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  47“… and the Ugly.”
  48. 48. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  48Ugly #1: Support on Mobile Devices“What is going to enable us to deliver the best customer experienceon the mobile devices that our customers use?”“Our view is that HTML5 technologies can deliver as-good-as-nativeexperiences”“And the lesson we’ve learnt over the last 12 months has been thatthe cost in time, effort and testing to bring an HTML5 application to anative level of performance seems to be far greater than if theapplication was built with native technologies from the get-go.”
  49. 49. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  49
  50. 50. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  “Betting on HTML5 was a mistake.”– Mark Zuckenberg50
  51. 51. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  51Ugly #2: Browser specific web apps
  52. 52. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  52Blink is “an inclusive open sourcecommunity” and ”a new rendering enginebased on WebKit” that will, over time,“naturally evolve in different directions.”- Google
  53. 53. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  53Ugly #3: User interaction“To create a good user experience, you need to know whoyour users are [...] If you build a user interface for adesktop user […] and give it to a smartphone user, yourinterface will be a frustration because its designed foranother screen size, and another input modality.”– Boris Smus
  54. 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 nativeto really do that well.”
  55. 55. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  “HTML5 will always be popular, because anythingthat’s popular will be called HTML5. It’s anexciting time for the web. Hold on tight; it’s goingto be one hell of a ride!”– Mark Pilgrim55Ugly #4: What is HTML5??
  56. 56. THANKS FOR COMING

×