Your SlideShare is downloading. ×

Truth About HTML5

4,311

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.

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
4,311
On Slideshare
0
From Embeds
0
Number of Embeds
8
Actions
Shares
0
Downloads
318
Comments
0
Likes
4
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 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; repeatit often enough and the masseswill regard it as the truth.”– John F. Kennedy
  • 3. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  3“The World ismovingto HTML5”– Steve Jobs, Apple
  • 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. 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. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  6But what is HTML5?
  • 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. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  8
  • 9. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  9But 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 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. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  12Even the HTML5version of AngryBirds isn’t HTML5.Only works in asingle browser.
  • 13. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  13HTML5: 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, ithas it’s good and bad parts.”15So, what is HTML5?
  • 16. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  16“The Good…”
  • 17. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  “Whenever a Maccrashes, more oftenthan not it because ofFlash” – Steve Jobs17Advantage #1: Less plugins
  • 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. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  19No 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”21Advantage #2: Accessibility
  • 22. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  22Subtitles support
  • 23. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  23Support for virtual keyboards
  • 24. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  24Advantage #3: Access Device Functionality
  • 25. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  25Access the Camera
  • 26. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  26Without a plugin:• Record sound• Analyze sound• Store soundAccess the Microphone
  • 27. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  27Access 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>28Advantage #4: Easier Development
  • 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. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  30Standardized APIs
  • 31. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  “Making theWebBeautiful”31Advantage #5: CSS3
  • 32. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  32-­‐  Support  great  looking  fonts,  cross  browser  -­‐  Web Fonts“Seperate Structurefrom Style”
  • 33. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  33CSS Transitions
  • 34. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  34CSS even supports 3D
  • 35. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  35Responsive 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•  WebGLProblem #1: Support on Desktop
  • 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. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  39
  • 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. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  41
  • 42. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  Codecs42Problem #3: Multimedia support
  • 43. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  43
  • 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. 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  46Problem #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  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. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  49
  • 50. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  “Betting on HTML5 was a mistake.”– Mark Zuckenberg50
  • 51. MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  51Ugly #2: Browser specific web apps
  • 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. 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. 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. 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. THANKS FOR COMING

×