HTML 5 may take some time to find full support in all major browsers, but you may be surprised to discover how many of HTML 5’s features are available today! HTML 5 is the next generation standard for web applications, and it promises to give plug-in based RIAs a serious challenge. In this demo heavy session, you’ll see HTML 5 in action and learn what you can do with today’s browser support for the new standard. If you’re building rich web applications and you’ve never touched HTML 5, this session is a must see.
5. “Perhaps Adobe
should focus more on
creating great HTML5 tools
for the future, and less on
criticizing Apple for leaving
the past behind.”
-Steve Jobs
April, 2010
9. Video Great Great Good
Audio Great Great Good
Animation Great Great Fair
Proprietary Yes Yes No
Availability Good Fair Great
Evolution Good Good Poor*
Tools Fair Great Eh…
HTML5
12. 2022
October 2007
First W3C
Working Draft
October 2009
Last Call Working
Draft
2011
Call for test suite
contributions
2012
Candidate
Recommendation
2012
First draft of test
suite
2015
Second draft of
test suite
2019
Final version of
test suite.
2020
Reissued Last Call
Working Draft
2022
Proposed
Recommendation
21. Because some browsers run on many
different operating systems, there can
be a tendency to use a 'least common
denominator' approach to
implementing HTML5. By using more of
the underlying operating system, and
taking advantage of the power of the
whole PC, IE9 enables developers to do
more with HTML5.
“
”
-Dean Hachamovitch
General Manager, IE Team
31. web sql
api: openDatabase
db = openDatabase("html5demos", "1.0", "HTML 5 Database API example",
200000);
if (db) {
db.transaction(function(tx) {
tx.executeSql("CREATE TABLE IF NOT EXISTS tweets (id REAL UNIQUE,
text TEXT, created_at TEXT, screen_name TEXT,
mention BOOLEAN)", [], callback);
});
}
db.transaction(function (tx) {
tx.executeSql('SELECT * FROM tweets WHERE mention = ? AND id > ? ORDER
BY id DESC', [mention, latest], callbackFunc);});
support: Safari, Chrome, Opera
“This specification has reached an impasse: all
interested implementors have used the same
SQL backend (Sqlite), but we need multiple
independent implementations to proceed along
a standardisation path.” –W3C
32. offline
tag: <html manifest="html5demo.manifest">
type: text/cache-manifest
CACHE MANIFEST
# Files you want cached for your app to work offline
myLogo.jpg
//Interacting with cache
window.applicationCache.update();
alert(window.applicationCache.status);
support: FF3.5, Safari, Chrome
33. video
tag: <video />
<!-- Single video -->
<video src="mymovie.mp4" width="320" height="240"></video>
<!-- Multiple encoded versions -->
<video width="320" height="240" controls>
<source src="mymovie.ogv" type='video/ogg; codecs="theora, vorbis"'>
<source src="mymovie.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
</video>
support: IE9, FF3.6, Safari, Chrome, Opera
34. video for all browsers
1. Multiple encodings
2. Graceful degradation
CODECS/
CONTAINER
FIREFOX OPERA CHROME IE9 SAFARI IPHONE ANDROID
Theora+
Vorbis+
Ogg
✓ ✓ ✓ · · · ·
H.264+
AAC+MP4
· · ✓ ✓ ✓ ✓ ✓
<video width="320" height="240" controls>
<source src="mymovie.ogv">
<source src="mymovie.mp4">
<object data="videoplayer.swf">
<param name="flashvars" value="mymovie.mp4">
HTML5 and Flash video not supported
</object>
</video>
45. The consumer
should be able to decide
which technologies they
want to use, but a multi-
platform world is definitely
where the world is headed.
-Shantanu Narayen
April, 2010
46. The future of the
web is HTML5.
-Dean Hachamovitch
April, 2010
HTML 5 may take some time to find full support in all major browsers, but you may be surprised to discover how many of HTML 5’s features are available today! HTML 5 is the next generation standard for web applications, and it promises to give plug-in based RIAs a serious challenge. In this demo heavy session, you’ll see HTML 5 in action and learn what you can do with today’s browser support for the new standard. If you’re building rich web applications and you’ve never touched HTML 5, this session is a must see.
Company History
http://www.apple.com/hotnews/thoughts-on-flash/
Talk about the major “platforms” for the web. Introduce the players.
Looking for people to identify that Flash, Silverlight, and HTML5 are all competing to deliver the rich web
Ian Hickson of Google, Inc. is the editor of HTML5
Fun facts:
- It takes about 10 years to build a nuclear power plant (http://wiki.answers.com/Q/How_long_does_it_take_to_build_a_Nuclear_Power_Station)
- Deposit $10/day for 12 years @ 8% = $73,000 (http://calcnexus.com/savings-calculator.php)
he HTML5 specification will not be considered finished before there are at least two complete implementations of the specification.
http://www.w3.org/TR/html5-diff/#backwards-compatible
Example code for .NET WebSockets:
http://www.undisciplinedbytes.com/2010/06/html-5-c-web-sockets-server-and-asp-net-client-implementation/
Opera on Sockets:
http://my.opera.com/core/blog/websockets
WebSql is not proceeding: http://dev.w3.org/html5/webdatabase/
State of web local storage: http://rethink.unspace.ca/2010/5/10/the-state-of-html5-local-data-storage
Replacement Tech is IndexedDB:
http://dvcs.w3.org/hg/IndexedDB/raw-file/tip/Overview.html