Download as PDF, PPTX
![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](https://image.slidesharecdn.com/html5malmbergllppt2-130419014240-phpapp01/75/Truth-About-HTML5-53-2048.jpg)
Uploaded byJos Dirksen
Truth About HTML5
The document discusses the evolution and impact of HTML5, highlighting both its advantages and challenges. Key benefits include less reliance on plugins, improved accessibility, and enhanced development capabilities, while drawbacks involve issues with hardware support, mobile performance, and a lack of a built-in DRM scheme. The discussion also emphasizes how perceptions of HTML5 may differ between its promised capabilities and actual implementation across various platforms.
![[WEBINARIO amdia OM Latam] Mobile friendly: el nuevo algoritmo de Google y el...](https://cdn.slidesharecdn.com/ss_thumbnails/cicloamdiaomlatammobilefriendlyjun2015-150623192759-lva1-app6891-thumbnail.jpg?width=640&height=640&fit=bounds)
Truth About HTML5
- 1. JPoint Malmberg | Lunch & Learn | Jos Dirksen … about HTML5
- 2. WWW.JPOINT.NL | [email protected] | 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??
- 56.