Stop Using Native HTML5 (v5)

No, don't stop using HTML5, just stop using the native HTML5 JavaScript API's directly. They're still in flux, there's still bugs that need to be shim'd, etc. Your code needs to use these features, but it needs to be more robust.

What you need is to use in your apps is a thin facade (wrapper API) around those features, so that as things change, bugs come and go, etc, all that needs to change is the internals of your facade, and not your actual app code.

"h5ive" is a project to build these thin facade APIs for the various HTML5 native APIs. We'll examine why we need something like this, and how h5ive will help us build more robust HTML5 apps.

Transcript

1. Kyle Simpson http://getify.me @getify stop using native HTML5
2. + HTML5 & Friends
3. We Puzzle It!
4. “native” HTML5
5. “native” HTML5
6. “native” HTML5
7. “native” HTML5
8. “native” HTML5
9. “native” HTML5
10. “native” HTML5
11. what’s so harmful?
12. @slicknet what’s harmful? http:// guf.geti.fi/html5/js/zakas
13. specs what’s harmful? “The best thing about standards is that there’s so many to choose from.”
14. bugs what’s harmful? “behavior is as intended” (crocky)
15. prefixes what’s harmful? what-about-vendor-postfixes-webkit-
16. progress what’s harmful? 69,675,299 seconds remaining
17. verbosity what’s harmful? overly repetitive and entirely redundant
18. facades
19. “framework” design
20. “i’ll write yet-another-another- another-another-another- another framework” -- every dev, constantly
21. “Perfection is achieved, not when there is nothing more to add, but when there is nothing left to take away.” -- Antoine de Saint-Exupery facade design Goldilocks.
22. modular facade design Gimme everything on the buffet
23. lightly sugared facade design I’ll take a super-sized diet caffeine-free cherry coke
24. shims/polyfills facade design The 80’s are definitely coming back
25. 80% facade design “There are 47% 80% of features...”
26. fix* bugs facade design Don’t let the bed bugs bite
27. facade design “Iced Orange Banango” smoothie smoothe* quirks
28. conceptuals facade design “disconceptualizations”
29. ready yet?
30. code for today http://h5ive.com
31. storage
32. storage
33. xhr
34. xhr
35. <canvas>
36. <canvas>
37. getUserMedia
38. getUserMedia
39. requestAnimationFrame
40. requestAnimationFrame
41. what’s left? History Web Workers Web Socket Geolocation <audio> / <video> File / FileSystem PeerConnection/WebRTC Web DBs BlobBuilder Blob URL FormData Device APIs Server-Sent Events appCache ...
42. Kyle Simpson http://getify.me @getify Thanks!!