HTML5: The Good, the Bad, and Everything In Between
Upcoming SlideShare
Loading in...5
×
 

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

on

  • 1,574 views

More info on techdays.be

More info on techdays.be

Statistics

Views

Total Views
1,574
Views on SlideShare
1,574
Embed Views
0

Actions

Likes
0
Downloads
35
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

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

  • 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
  • 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/
  • 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
  • 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/
  • 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
  • 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/
  • 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/
  • 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/
  • 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
  • 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/
  • 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/
  • 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/
  • 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/
  • 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