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


Published on

More info on

  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
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+
  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+
  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+
  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+
  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+
  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+
  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+
  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+ - -
  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+
  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+ -
  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+ - - - |
  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+
  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+
  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