Technology Overview – HTML5 Demos – How to Contribute

Technology Overview

Defining HTML5

People use the term HTML5 in two ways

• (Loosely) a set of technologies that form the Open Web Platform ≈ HTML + CSS + JavaScript + Web APIs
• (Strictly) the fifth revision of the HTML standard, part of the Open Web Platform

In this presentation we use HTML5 to refer to the larger set of technologies aka Open Web Platform

Defining HTML5 (cont'd)

• Developed under royalty free licensing terms
• Device-agnostic: desktop, mobile, tablet, TV, automobile
• Multi-application: documents, ebooks, user interfaces, games
• Featureful: Semantics, Offline Storage, Device Access, Connectivity, Multimedia, 3D Effects, Performance, Styling

Semantics

Giving meaning to structure, semantics are front and center with HTML5. A richer set of tags, along with RDFa, microdata, and microformats, are enabling a more useful, data driven web for both programs and your users.

Offline & Storage

Web Apps can start faster and work even if there is no internet connection, thanks to the HTML5 App Cache, as well as the Local Storage, Indexed DB, and the File API specifications.

Device Access

Beginning with the Geolocation API, Web Applications can present rich, device-aware features and experiences. Incredible device access innovations are being developed and implemented, from audio/video input access to microphones and cameras, to local data such as contacts & events, and even tilt orientation.

Connectivity

More efficient connectivity means more real-time chats, faster games, and better communication. Web Sockets and Server-Sent Events are pushing (pun intended) data between client and server more efficiently than ever before.

Multimedia

Audio and video are first class citizens in the HTML5 web, living in harmony with your apps and sites. Lights, camera, action!

3D, Graphics & Effects

Between SVG, Canvas, WebGL, and CSS3 3D features, you're sure to amaze your users with stunning visuals natively rendered in the browser.

Performance & Integration

Make your Web Apps and dynamic web content faster with a variety of techniques and technologies such as Web Workers and XMLHttpRequest 2. No user should ever wait on your watch.

CSS3

CSS3 delivers a wide range of stylization and effects, enhancing the web app without sacrificing your semantic structure or performance. Additionally Web Open Font Format (WOFF) provides typographic flexibility and control far beyond anything the web has offered before.

HTML5 Demos

CSS3

Pure CSS3, no JavaScript

2D Rendering Area

Sprite Rendering

Vector Drawing

Business applications ♥ HTML5 too

3D Rendering in Hardware

Unreal Engine 3 ported to JavaScript and WebGL, works in any modern browser (March 2013)

Camera Access & Real-time Video Manipulation

(This presentation is also pureHTML, CSS, SVG, and JavaScript)

How to Contribute

And Evolve the Web

Contribute to Open-source Projects

Write documentation

• WebPlatform.org - a community-driven source for comprehensive web developer documentation

Follow discussion and give Feedback on Specifications

• Subscribe to W3C mailing lists: lists.w3.org
• Read specs and give feedback: platform.html5.org

File Bugs

• WebKit: bugs.webkit.org
• Chrome: crbug.com
• Mozilla: bugzilla.mozilla.org

Contribute to Test Suites

• Tests are fundamental to standards and to browsers
• Assure things work the same across browsers
• Get started at: testthewebforward.org

Hack!

... and Move the Web Forward

movethewebforward.org