HTML5: The Good, the Bad, and Everything In Between

1,801 views

Published on

More info on techdays.be

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,801
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
38
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

HTML5: The Good, the Bad, and Everything In Between

  1. 1. History APIPros Provides much-needed Back button support and optionally deep-linking support for single-page apps (SPAs)Cons Provides limited freedom to modify backstack IE Chrome Firefox Opera Safari 10+ 8+ 4+ 11.5+ 5+ http://www.whatwg.org/specs/web-apps/current-work/multipage/history.html
  2. 2. Geolocation APIPros Simple, powerful, and easy to learn Works almost everywhere (including desktop browsers) Supports GPS, WiFi Positioning, and triangulationCons Provides no control over callback frequency IE Chrome Firefox Opera Safari 9+ 5+- 3.5+ 10.6+ 5+ http://www.w3.org/TR/geolocation-API/
  3. 3. Audio and VideoPros Provides native support for audio and video Eliminate need for Flash players, Silverlight players, etc.Cons No standard audio or video file format No support for streaming, adaptive bitrates, or DRM IE Chrome Firefox Opera Safari 9+ 4+ 3.5+ 10.5+ 4+ http://www.w3.org/TR/html5/the-video-element.html
  4. 4. Fullscreen APIPros Provides full-screen support for all HTML elements, including VIDEO elementsCons Not supported in Internet Explorer IE Chrome Firefox Opera Safari - 15+ 10+ 12.1+ 5.1+ http://www.w3.org/TR/fullscreen/
  5. 5. CanvasPros Graphics API fills big hole in HTML API is rich (for 2D), yet relatively easy to learn requestAnimationFrame makes animations betterCons API is primitive by todays standards IE Chrome Firefox Opera Safari 9+ 4+ 2+ 9+ 3.1+ http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html
  6. 6. Web WorkersPros Allows for multithreaded JavaScript apps API eliminates most complexities from multithreadingCons High overhead when transferring large objects between threads (mitigated by new transferrable objects feature) IE Chrome Firefox Opera Safari 10+ 4+ 3.5+ 10.6+ 4+ http://dev.w3.org/html5/workers/
  7. 7. Web StoragePros Allows Web apps to store data persistently on client API simple and easy to learnCons Data is stringified when stored and requires type coercion Recommended 5 MB storage limit is too restricting IE Chrome Firefox Opera Safari 8+ 5+ 3.5+ 10.5+ 4+ http://www.w3.org/TR/webstorage/
  8. 8. Indexed DBPros Provides a structured alternative to Web storage Supports fast (indexed) retrieval from large data sets Supports transacted access and large storage volumesCons No query language; reads are case-sensitive IE Chrome Firefox Opera Safari 10+ 11+ 4+ - - http://www.w3.org/TR/IndexedDB/
  9. 9. Offline AppsPros Provides offline caching story for running apps when not connectedCons Story for updating cached content is confusing API could be richer IE Chrome Firefox Opera Safari 10+ 5+ 3.6+ 12+ 4+ http://www.w3.org/TR/html5/offline.html
  10. 10. FileReader APIPros Provides async API for reading files Relatively well-designed and widely adoptedCons Reads were all or nothing until introduction of slicing, which still isnt universally supported IE Chrome Firefox Opera Safari 10+ 6+ 4+ 12+ - http://www.w3.org/TR/FileAPI/
  11. 11. FileWriter and FileSystem APIsPros Provides much-needed API for file writingCons Specifications came very late, adoption has been slow Implementations to date only support virtual file systems API is complex and unintuitive (but fortunately async) IE Chrome Firefox Opera Safari - 13+ - - - http://www.w3.org/TR/file-writer-api/ | http://www.w3.org/TR/file-system-api/
  12. 12. XMLHttpRequest Level 2Pros Cross-origin calls via CORS protocol Support for progress reporting on file uploads Support for binary data transfers (send and receive) Support for request time-outs Cleaner, more consistent API IE Chrome Firefox Opera Safari 10+ 7+ 4+ 12+ 5+ http://www.w3.org/TR/XMLHttpRequest/
  13. 13. WebSocketsPros Push model for client-side updates Compatible with proxies and firewalls Supported in other platforms (e.g., Windows 8) Simple and intuitive API IE Chrome Firefox Opera Safari 10+ 14+ 6+ 11+ 5+ http://dev.w3.org/html5/websockets/
  14. 14. FormsPros Allows for richer HTML UIs (finally!) Allows browsers to assume partial responsibility for input validation (required fields, pattern fields, etc.)Cons Should have happened a long time ago Not ambitious enough in scope http://www.w3.org/TR/html5/forms.html

×