“People keep asking what Web 3.0 is. I think maybe when you’ve got an overlay of scalable vector graphics – everything rippling and folding and looking misty — on Web 2.0 and access to a semantic Web integrated across a huge space of data, you’ll have access to an unbelievable data resource…”
– Tim Berners-Lee, 2006
1. Browser Storage (Cache & Database)
Ability to store information on the client browser even after internet connection interruptions (T.I.A)
Ability to store information across web sessions on the client.
Ability to store db information and manipulate it on the client browser. Tabular data, Calculations, Statistics e.t.c can now be done on the browser.
2. Application Cache API
Greatly reduce the need to pull assets from the central servers.
Minimal data usage for PayAsYouGo Internet users. (T.I.A)
3. Web Workers
Background jobs can be undertaken on the browser. Divide large work asynchronously to Workers. “Multi-threaded”.
4. Web Sockets
Communicate directly with servers through web sockets. No longer have to use Java, Active-X for non-HTTP communication.
5. Notifications
Utilize the browser system. No more ugly Alert/Prompt e.t.c. Can be styled minimally.
6. Drag and drop
Can use this as a way to increase interactivity and enrich the user interface.
7. Geolocation
Built into the browser. Use of location-aware web applications such as Local search.
8. Microdata
Standards compliance and better SEO. Enhance your search engine results by providing additional context.
9. ARIA attributes
Implement widgets in HTML like sliders e.t.c for increased interactivity and experience.
10. New form field types
Reduced Javascript code for form validation. Use of new form types like color selector & search.
11. Audio + Video
No flash players to play video. Direct embedding. Reduced application footprint.
12. Canvas / Canvas 3D (WebGL)
2D Image rendering on the fly.
3D graphics api on your browser.
13. Text wrapping / Columns / Text stroke / Opacity / Rounded corners
Better use of Text/Typography/Transparency in visual design.
14. Background enhancements / Transitions / Transforms / Animations
Background resizing and Multiple backgrounds.
Animating / Rotating / Transforming content placement.
Need to build a HTML5 web app? Talk to us at info(at)zilojo.com