<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en">
<!--
generated in 0.406 seconds
40836 bytes batcached for 300 seconds
-->
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Workshop on HTML.next for gaming « Open Media Web</title>
<link rel="stylesheet" href="http://s2.wp.com/wp-content/themes/pub/neat/style.css?m=1304096264g&1" type="text/css" media="screen" />
<link rel="pingback" href="http://openmediaweb.eu/xmlrpc.php" />
<script src='http://wordpress.com/remote-login.php?action=js&host=openmediaweb.eu&id=11669349&t=1320248654&back=openmediaweb.eu%2F2011%2F09%2F14%2Fworkshop-on-html-next-for-gaming%2F' type="text/javascript"></script>
<script type="text/javascript">
/* <![CDATA[ */
if ( 'function' === typeof WPRemoteLogin ) {
document.cookie = "wordpress_test_cookie=test; path=/";
if ( document.cookie.match( /(;|^)\s*wordpress_test_cookie\=/ ) ) {
WPRemoteLogin();
}
}
/* ]]> */
</script>
<link rel="alternate" type="application/rss+xml" title="Open Media Web » Feed" href="http://openmediaweb.eu/feed/" />
<link rel="alternate" type="application/rss+xml" title="Open Media Web » Comments Feed" href="http://openmediaweb.eu/comments/feed/" />
<link rel="alternate" type="application/rss+xml" title="Open Media Web » Workshop on HTML.next for gaming Comments Feed" href="http://openmediaweb.eu/2011/09/14/workshop-on-html-next-for-gaming/feed/" />
<script type="text/javascript">
/* <![CDATA[ */
function addLoadEvent(func){var oldonload=window.onload;if(typeof window.onload!='function'){window.onload=func;}else{window.onload=function(){oldonload();func();}}}
/* ]]> */
</script>
<link rel="stylesheet" href="http://s0.wp.com/wp-content/themes/h4/global.css?m=1313010131g" type="text/css" />
<link rel='stylesheet' id='loggedout-subscribe-css' href='http://s0.wp.com/wp-content/blog-plugins/loggedout-follow/widget.css?m=1318259507g&ver=20110926' type='text/css' media='all' />
<link rel='stylesheet' id='post-reactions-css' href='http://s2.wp.com/wp-content/mu-plugins/post-flair/style.css?m=1318977321g&ver=3' type='text/css' media='all' />
<script type='text/javascript' src='http://s0.wp.com/wp-includes/js/jquery/jquery.js?m=1305826070g&ver=1.6.1'></script>
<script type='text/javascript' src='http://s2.wp.com/wp-content/blog-plugins/loggedout-follow/widget.js?m=1320005313g&ver=20111030a'></script>
<script type='text/javascript' src='http://s1.wp.com/wp-includes/js/comment-reply.js?m=1304062078g&ver=20090102'></script>
<link rel='stylesheet' id='highlander-comments-css' href='http://s1.wp.com/wp-content/mu-plugins/highlander-comments/style.css?m=1318028240g&ver=20110620' type='text/css' media='all' />
<!--[if lt IE 8]>
<link rel='stylesheet' id='highlander-comments-ie7-css' href='http://s0.wp.com/wp-content/mu-plugins/highlander-comments/style-ie7.css?m=1307172301g&ver=20110606' type='text/css' media='all' />
<![endif]-->
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://omwebw3c.wordpress.com/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://omwebw3c.wordpress.com/wp-includes/wlwmanifest.xml" />
<link rel='prev' title='Convergence of Web and TV at NEM Summit 2011' href='http://openmediaweb.eu/2011/07/28/convergence-of-web-and-tv-at-nem-summit-2011/' />
<link rel='next' title='New training course on HTML5 Audio & Video' href='http://openmediaweb.eu/2011/09/27/html5-audio-video-course/' />
<meta name="generator" content="WordPress.com" />
<link rel='canonical' href='http://openmediaweb.eu/2011/09/14/workshop-on-html-next-for-gaming/' />
<link rel='shortlink' href='http://wp.me/pMXJj-h8' />
<link rel="alternate" type="application/json+oembed" href="http://public-api.wordpress.com/oembed/1.0/?format=json&url=http%3A%2F%2Fopenmediaweb.eu%2F2011%2F09%2F14%2Fworkshop-on-html-next-for-gaming%2F&for=wpcom-auto-discovery" /><link rel="alternate" type="application/xml+oembed" href="http://public-api.wordpress.com/oembed/1.0/?format=xml&url=http%3A%2F%2Fopenmediaweb.eu%2F2011%2F09%2F14%2Fworkshop-on-html-next-for-gaming%2F&for=wpcom-auto-discovery" /><meta property="og:type" content="article" />
<meta property="og:title" content="Workshop on HTML.next for gaming" />
<meta property="og:url" content="http://openmediaweb.eu/2011/09/14/workshop-on-html-next-for-gaming/" />
<meta property="og:description" content="The Open Media Web project team is proud to organize a:
Workshop on HTML.next for gaming
Saturday 24 September 2011 — 09:00 - 13:00
Warsaw, Poland
co-located with OnGameStart
The works..." />
<meta property="og:site_name" content="Open Media Web" />
<meta property="og:image" content="http://omwebw3c.files.wordpress.com/2011/09/w3chtml5-logo3.png?w=300&h=300" />
<link rel="shortcut icon" type="image/x-icon" href="http://0.gravatar.com/blavatar/e4dd7ea0fc5685c284a0a89312ab0068?s=16" sizes="16x16" />
<link rel="icon" type="image/x-icon" href="http://0.gravatar.com/blavatar/e4dd7ea0fc5685c284a0a89312ab0068?s=16" sizes="16x16" />
<link rel="apple-touch-icon-precomposed" href="http://1.gravatar.com/blavatar/19401d10f3270f8e60a5c957751ba89d?s=114" />
<link rel='openid.server' href='http://omwebw3c.wordpress.com/?openidserver=1' />
<link rel='openid.delegate' href='http://omwebw3c.wordpress.com/' />
<link rel="search" type="application/opensearchdescription+xml" href="http://openmediaweb.eu/osd.xml" title="Open Media Web" />
<link rel="search" type="application/opensearchdescription+xml" href="http://wordpress.com/opensearch.xml" title="WordPress.com" />
<style type="text/css">
/* <![CDATA[ */
/* ]]> */
</style>
<style type="text/css">
#header {
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
text-align: left;
background: url(http://s2.wp.com/wp-content/themes/pub/neat/images/header.jpg);
width: 700px;
height: 200px;
margin: 0px;
}
#header * {
display: none;
}
</style>
<meta name="application-name" content="Open Media Web" /><meta name="msapplication-window" content="width=device-width;height=device-height" /><meta name="msapplication-task" content="name=Subscribe;action-uri=http://openmediaweb.eu/feed/;icon-uri=http://0.gravatar.com/blavatar/e4dd7ea0fc5685c284a0a89312ab0068?s=16" /><meta name="msapplication-task" content="name=Sign up for a free blog;action-uri=http://wordpress.com/signup/;icon-uri=http://s2.wp.com/i/favicon.ico" /><meta name="msapplication-task" content="name=WordPress.com Support;action-uri=http://support.wordpress.com/;icon-uri=http://s2.wp.com/i/favicon.ico" /><meta name="msapplication-task" content="name=WordPress.com Forums;action-uri=http://forums.wordpress.com/;icon-uri=http://s2.wp.com/i/favicon.ico" />
<link rel="stylesheet" type="text/css" href="http://s2.wp.com/?custom-css=1&csblog=MXJj&cscache=5&csrev=9" />
</head>
<body class="typekit-enabled highlander-enabled highlander-light">
<br /><br /><br />
<div id="page">
<div id="header" onclick="location.href='http://openmediaweb.eu';" style="cursor: pointer;">
<h1><a href="http://openmediaweb.eu/">Open Media Web</a></h1>
<div class="description"></div>
</div>
<div id="content">
<div class="navigation">
<div class="alignleft">« <a href="http://openmediaweb.eu/2011/07/28/convergence-of-web-and-tv-at-nem-summit-2011/">Convergence of Web and TV at NEM Summit 2011</a></div>
<div class="alignright"> <a href="http://openmediaweb.eu/2011/09/27/html5-audio-video-course/">New training course on HTML5 Audio & Video</a> »</div>
</div>
<div class="post-1062 post type-post status-publish format-standard hentry category-games category-html5 category-workshop">
<img src="http://s2.wp.com/wp-content/themes/pub/neat/images/h1.gif?m=1304062167g" class="lefth2img" alt="h1" /><h2 id="post-1062"><a href="http://openmediaweb.eu/2011/09/14/workshop-on-html-next-for-gaming/" rel="bookmark" title="Permanent Link: Workshop on HTML.next for gaming">Workshop on HTML.next for gaming</a></h2>
<small>September 14, 2011 <!-- by tidoust --></small>
<div class="entrytext">
<h2><span class="Apple-style-span" style="font-size:13px;font-weight:normal;">The Open Media Web project team is proud to organize a: <a href="http://omwebw3c.files.wordpress.com/2011/09/w3chtml5-logo3.png"><img class="alignright size-full wp-image-1097" title="W3CHTML5-logo" src="http://omwebw3c.files.wordpress.com/2011/09/w3chtml5-logo3.png?w=66&h=111" alt="W3C HTML5 logo" width="66" height="111" /></a><br />
</span></h2>
<blockquote><p><strong>Workshop on HTML.next for gaming<br />
<span class="Apple-style-span" style="font-weight:normal;"><em>Saturday 24 September 2011 — 09:00 – 13:00</em></span></strong></p>
<p><em> <span class="Apple-style-span" style="font-style:normal;">Warsaw, Poland<br />
co-located with <a href="http://ongamestart.com/">OnGameStart</a></span></em></p></blockquote>
<p>The workshop will explore game developers needs and gather inputs for HTML.next, the next version of HTML, that would enable the development of fully immersive games using regular Web technologies. Main topics of discussion (see below for <a href="#topics">more detailed topics of interest</a>) will be about:</p>
<ul>
<li>New standards for cooler games?</li>
<li>New features for better performances?</li>
<li>New ideas for HTML.next?</li>
</ul>
<p>Come to discuss and share your ideas about the next cool things to happen. And expect HTML5 goodies!<br />
Participation is <span style="text-decoration:underline;"><strong>free</strong></span>!</p>
<h2>Background</h2>
<p>HTML5 enables the development of richer and ever more interactive applications. As far as gaming is concerned, the situation evolved from a world of hacks and plug-ins to a situation where one can envision the production of a multi-player first-person-shooter game using canvas, Web Workers, Web Sockets, on-going standardization efforts on audio, real-time communications and various other Web and device APIs.</p>
<p>However rich this new Web platform may become, games require precise control over:</p>
<ul>
<li>devices used for interaction (keyboard, mouse, joystick, touch screens, gestures, cameras, etc.)</li>
<li>rendering surfaces (ability to go fullscreen, to take screenshots, 3D APIs, audio synthesis, etc.)</li>
<li>processing power (multi-threading, memory management, use of hardware acceleration, etc.)</li>
</ul>
<p>Precise control is tough, either because the right API is missing, or because the specification does not address all needs, or simply because the API is not precise enough to prevent interoperability issues.</p>
<h2>Goal and Scope</h2>
<p>The goal of this workshop is to meet and engage in discussions with developers of the games community, and gather inputs for HTML.next, the next version of HTML, that would enable the development of fully immersive games using regular Web technologies.</p>
<p><a name="topics"></a>Topics of interest include suggestions for new APIs, as well as scenarios and requirements to improve existing functionalities. For example:</p>
<ul>
<li>Going fullscreen</li>
<li>Access and control of viewport settings (e.g. pixel density)</li>
<li>Possible improvements to multi-threading execution</li>
<li>Hit-testing API</li>
<li>3D or pseudo-3D rendering (WebGL, declarative 3D, depth control)</li>
<li>Specific needs for animations, movements</li>
<li>Performance measurement (number of frames per second?)</li>
<li>Web application packaging for offline Web apps (HTML5 AppCache, W3C widgets)</li>
<li>Caching resources, pre-loading (e.g. for sprites and sound)</li>
<li>Taking screenshots</li>
<li>Joystick and mouse control</li>
<li>Multi-player games, peer-to-peer connections</li>
<li>More efficient DOM tree operations.</li>
</ul>
<p>The outcome of the discussions will be fed into existing W3C working groups where appropriate (HTML, Device APIs, Web Applications, Web Real-Time Communications, Audio, etc.), as well as into the list of ideas for <a href="http://www.w3.org/wiki/HTML/next">HTML.next</a> where appropriate. Depending on the level of interest at the workshop, the creation of a Games <a href="http://www.w3.org/community/">Community Group</a> could be envisioned to pursue discussions.</p>
<h2>Agenda</h2>
<p>The workshop will be run as a barcamp to encourage live discussions among participants.</p>
<h3>09:00 – 10:00 Francois Daoust: “W3C, HTML5, HTML.next”</h3>
<ul>
<li>How W3C Web standards come to life</li>
<li>HTML5 specs progress report</li>
<li>What is HTML.next?</li>
<li>How to ensure the next Open Web Platform is the right one for you</li>
</ul>
<h3>10:00 – 12:30 Barcamp Session</h3>
<p>Actual content for this session should be provided by participants. What we’re typically looking at is to repeat the following pattern to multiple technical topics:</p>
<ul>
<li>One or more specific game scenarios that cannot be done today with regular Web technologies, or that cannot be done <em>efficiently enough</em> today.</li>
<li>An analysis of what is missing</li>
<li>What a possible solution could look like</li>
<li>Areas that could affect the design of the solution and that would need to be investigated (security, privacy, accessibility, complexity, portability, integration with other APIs, etc.)</li>
<li>Relevant group(s) in W3C for this work, if any</li>
</ul>
<p>Please prepare accordingly. To help organize the event, please get in touch with <a href="mailto:fd@w3.org">Francois Daoust</a> with topics you’d like to present or hear about in particular.</p>
<p>Topics on the agenda for this session so far:</p>
<ul>
<li>Accurate sound triggering – Darius Kazemi (Bocoup)</li>
<li>Mouse lock for 3D games – Seth Ladd (Google), Darius Kazemi (Bocoup)</li>
<li>An asset loading and smart caching solution - Darius Kazemi (Bocoup)</li>
<li>Real-time communications for multi-player games – Francois Daoust (W3C)</li>
<li><em>[...]</em></li>
</ul>
<h3>12:30 – 13:00 Wrap-up Session</h3>
<ul>
<li>Summary of discussions</li>
<li>Inputs identified</li>
<li>Next steps?</li>
</ul>
<h2>Expression of Interest</h2>
<p>Planning to attend the workshop? Great! Please let <a href="mailto:fd@w3.org">Francois Daoust</a> know about it!</p>
<div class="sharedaddy sd-like-enabled sd-sharing-enabled"><div class="robots-nocontent sd-block sd-social sd-social-icon-text sd-sharing"><h3 class="sd-title">Share this:</h3><div class="sd-content"><ul><li class="share-twitter"><a rel="nofollow" class="share-twitter sd-button share-icon" href="http://openmediaweb.eu/2011/09/14/workshop-on-html-next-for-gaming/?share=twitter" title="Click to share on Twitter"><span>Twitter</span></a></li><li class="share-facebook"><a rel="nofollow" class="share-facebook sd-button share-icon" href="http://openmediaweb.eu/2011/09/14/workshop-on-html-next-for-gaming/?share=facebook" title="Share on Facebook"><span>Facebook</span></a></li><li class="share-end"></li></ul><div class="sharing-clear"></div></div></div><div id="wpl-likebox" class="sd-block sd-like"><h3 class="sd-title">Like this:</h3><div class="sd-content"><div id="wpl-button"><a href='http://openmediaweb.eu/2011/09/14/workshop-on-html-next-for-gaming/?like=1&_wpnonce=22f390887a' title='I like this post' class='like needs-login sd-button' rel='nofollow'><span>Like</span></a></div><div id="wpl-count" class="sd-like-count">Be the first to like this post.</div></div></div></div>
</div>
<p class="postmetadata">Posted in <a href="http://openmediaweb.eu/category/games/" title="View all posts in Games" rel="category tag">Games</a>, <a href="http://openmediaweb.eu/category/html5/" title="View all posts in HTML5" rel="category tag">HTML5</a>, <a href="http://openmediaweb.eu/category/workshop/" title="View all posts in Workshop" rel="category tag">Workshop</a> <strong>|</strong> </p>
</div>
<div id="respond">
<h3 id="reply-title">Leave a Reply <small><a rel="nofollow" id="cancel-comment-reply-link" href="/2011/09/14/workshop-on-html-next-for-gaming/#respond" style="display:none;">Cancel reply</a></small></h3>
<form action="http://openmediaweb.eu/wp-comments-post.php" method="post" id="commentform">
<input type="hidden" name="hc_post_as" id="hc_post_as" value="guest" />
<div class="comment-form-field comment-textarea">
<label for="comment">Enter your comment here...</label>
<div id="comment-form-comment"><textarea id="comment" name="comment"></textarea></div>
</div>
<div id="comment-form-identity">
<div id="comment-form-nascar">
<ul>
<li class="selected">
<a href="#comment-form-guest" id="postas-guest" class="social_buttons sb_24 sb_guest">
<span>Guest</span>
</a>
</li>
<li>
<a href="#comment-form-wordpress" id="postas-wordpress" class="social_buttons sb_24 sb_wordpress">
<span>Log In</span>
</a>
</li>
<li>
<a href="#comment-form-load-service:Twitter" id="postas-twitter" class="social_buttons sb_24 sb_twitter">
<span>Log In</span>
</a>
</li>
<li>
<a href="#comment-form-load-service:Facebook" id="postas-facebook" class="social_buttons sb_24 sb_facebook">
<span>Log In</span>
</a>
</li>
</ul>
</div>
<div id="comment-form-guest" class="comment-form-service selected">
<div class="comment-form-padder">
<div class="comment-form-avatar">
<img src="http://www.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=25&d=mm" alt="Gravatar" width="25" class="no-grav" />
</div>
<div class="comment-form-fields">
<div class="comment-form-field comment-form-email">
<label for="email">Email <span class="required">(required)</span> <span class="nopublish">(Not published)</span></label>
<div class="comment-form-input"><input id="email" name="email" type="text" value="" /></div>
</div>
<div class="comment-form-field comment-form-author">
<label for="author">Name <span class="required">(required)</span></label>
<div class="comment-form-input"><input id="author" name="author" type="text" value="" /></div>
</div>
<div class="comment-form-field comment-form-url">
<label for="url">Website</label>
<div class="comment-form-input"><input id="url" name="url" type="text" value="" /></div>
</div>
</div>
</div>
</div>
<div id="comment-form-wordpress" class="comment-form-service">
<div class="comment-form-padder">
<div class="comment-form-avatar">
<img src="http://s2.wp.com/wp-content/mu-plugins/highlander-comments/images/wplogo.png?m=1304062104g" alt="WordPress.com Logo" width="25" class="no-grav" />
</div>
<div class="comment-form-fields">
<p id="wordpress-login-first">Please log in to WordPress.com to post a comment to your blog.</p>
<iframe id="wordpress-login-iframe" data-srcurl="http://omwebw3c.wordpress.com/wp-login.php?redirect_to=http%3A%2F%2Fopenmediaweb.eu%2Fhighlander.login%2F&action=highlander-login&skin=light"></iframe>
</div>
</div>
</div>
<div id="comment-form-twitter" class="comment-form-service">
<div class="comment-form-padder">
<div class="comment-form-avatar">
<img src="http://www.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=25&d=mm" alt="Twitter picture" width="25" class="no-grav" />
</div>
<div class="comment-form-fields">
<input type="hidden" name="twitter_avatar" id="twitter-avatar" class="comment-meta-twitter" value="" />
<input type="hidden" name="twitter_user_id" id="twitter-user_id" class="comment-meta-twitter" value="" />
<input type="hidden" name="twitter_access_token" id="twitter-access_token" class="comment-meta-twitter" value="" />
<p class="comment-form-posting-as pa-twitter"><strong></strong> You are commenting using your Twitter account. <span class="comment-form-log-out">( <a href="javascript:HighlanderComments.doExternalLogout( 'twitter' );">Log Out</a> )</span></p>
</div>
</div>
</div>
<div id="comment-form-facebook" class="comment-form-service">
<div class="comment-form-padder">
<div class="comment-form-avatar">
<img src="http://www.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=25&d=mm" alt="Facebook photo" width="25" class="no-grav" />
</div>
<div class="comment-form-fields">
<input type="hidden" name="fb_avatar" id="facebook-avatar" class="comment-meta-facebook" value="" />
<input type="hidden" name="fb_user_id" id="facebook-user_id" class="comment-meta-facebook" value="" />
<input type="hidden" name="fb_access_token" id="facebook-access_token" class="comment-meta-facebook" value="" />
<p class="comment-form-posting-as pa-facebook"><strong></strong> You are commenting using your Facebook account. <span class="comment-form-log-out">( <a href="javascript:HighlanderComments.doExternalLogout( 'facebook' );">Log Out</a> )</span></p>
</div>
</div>
</div>
<div id="comment-form-load-service" class="comment-form-service">
<div class="comment-form-posting-as-cancel"><a href="javascript:HighlanderComments.cancelExternalWindow();">Cancel</a></div>
<p>Connecting to %s</p>
</div>
</div>
<div id="comment-form-subscribe">
<p class="comment-subscription-form"><input type="checkbox" name="subscribe" id="subscribe" value="subscribe" style="width: auto;" tabindex="6"/> <label class="subscribe-label" id="subscribe-label" for="subscribe">Notify me of follow-up comments via email.</label></p><p class="comment-subscription-form"><input type="checkbox" name="subscribe_blog" id="subscribe_blog" value="subscribe" style="width: auto;" tabindex="7"/> <label class="subscribe-label" id="subscribe-blog-label" for="subscribe_blog">Notify me of new posts via email.</label></p></div>
<p class="form-submit">
<input name="submit" type="submit" id="comment-submit" value="Post Comment" />
<input type='hidden' name='comment_post_ID' value='1062' id='comment_post_ID' />
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
</p>
<input type="hidden" name="genseq" value="1320248654" />
<script type="text/javascript" id="hiab-script-1">
jQuery( function( $ ) {
$( '#hiab-script-1' ).parents( 'form' ).append( '<input type="hidden" name="hiab" value="1" />' );
} );
</script>
<p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="fcd3fcb5de" /></p><script type='text/javascript' src='http://s2.wp.com/wp-content/mu-plugins/akismet-2.5/form.js?m=1308783979g&ver=1'></script>
<p style="display: none;"><input type="hidden" id="ak_js" name="ak_js" value="39"/></p> </form>
</div><!-- #respond -->
<div style="clear: both"></div>
</div>
<div id="sidebar">
<ul>
<li>
</li>
<li id="pages-4" class="widget widget_pages"><h2 class="widgettitle">Content</h2>
<ul>
<li class="page_item page-item-5"><a href="http://openmediaweb.eu/project-summary/" title="About">About</a></li>
<li class="page_item page-item-10"><a href="http://openmediaweb.eu/objectives/" title="Objectives">Objectives</a></li>
<li class="page_item page-item-951"><a href="http://openmediaweb.eu/training/" title="Training">Training</a></li>
<li class="page_item page-item-13"><a href="http://openmediaweb.eu/news-events/" title="OMWeb Events">OMWeb Events</a></li>
<li class="page_item page-item-79"><a href="http://openmediaweb.eu/press-room/" title="Press Room">Press Room</a></li>
<li class="page_item page-item-81"><a href="http://openmediaweb.eu/press-clips/" title="Press Clips">Press Clips</a></li>
<li class="page_item page-item-12"><a href="http://openmediaweb.eu/partners/" title="Partners">Partners</a></li>
<li class="page_item page-item-16"><a href="http://openmediaweb.eu/contact/" title="Contact">Contact</a></li>
</ul>
</li>
<li id="text-10" class="widget widget_text"><h2 class="widgettitle">OMWeb Courses</h2>
<div class="textwidget">2 OMWeb online training courses are open for registration now! Sign up for <a href="http://openmediaweb.eu/2011/09/27/html5-audio-video-course/"><strong>HTML5 audio and video</a></strong> and/or <strong><a href="http://openmediaweb.eu/2011/10/06/html5-games-course/">Game development in HTML5</a></strong></div>
</li>
<li id="text-5" class="widget widget_text"><h2 class="widgettitle">Stay Tuned</h2>
<div class="textwidget"><div>
<a href="/feed/" title="Subscribe to the latest Open Media Web Articles."><img src="http://omwebw3c.files.wordpress.com/2010/06/icon_rss.gif" alt="Subscribe" title="Subscribe to the latest Open Media Web Articles." border="0" /></a>
<a href="http://twitter.com/w3c_omweb" title="Open Media Web on Twitter"><img src="http://omwebw3c.files.wordpress.com/2010/06/icon_twitter.gif" alt="Twitter" title="Open Media Web on Twitter" border="0" /></a>
<a href="http://www.slideshare.net/W3C_OMWeb/" title="Open Media Web on Slideshare"><img src="http://omwebw3c.files.wordpress.com/2011/07/icon_slideshare.png" alt="Slideshare" title="Open Media Web on Slideshare" border="0" /></a>
<a href="http://delicious.com/w3c_omweb" title="Open Media Web shared bookmarks."><img src="http://omwebw3c.files.wordpress.com/2010/06/icon_delicious.gif" alt="Delicious" title="Open Media Web shared bookmarks." border="0" /></a>
<a href="http://www.facebook.com/thew3c" title="W3C’s Facebook Page."><img src="http://omwebw3c.files.wordpress.com/2010/06/icon_facebook.gif" alt="Facebook" title="W3C’s Facebook Page." border="0" /></a>
</div><br />
<!-- AddThis Button BEGIN -->
<div style="text-align:center;"><a href="http://www.addthis.com/bookmark.php?v=250&username=xa-4c23168c01be7f48" title="Bookmark and Share" target="_blank"><img src="http://s7.addthis.com/static/btn/sm-share-en.gif" width="83" height="16" alt="Bookmark and Share" style="border:0;" /></a></div>
<!-- AddThis Button END --></div>
</li>
<li id="twitter-2" class="widget widget_twitter"><h2 class="widgettitle"><a href='http://twitter.com/w3c_omweb'>@w3c_omweb</a></h2>
<ul class='tweets'>
<li>RT @<a href='http://twitter.com/fraunhoferfokus'>fraunhoferfokus</a>: In case you're wondering what expects you at this year's Media Web Symposium, check out the full agenda here: http: ... <a href="http://twitter.com/w3c_omweb/statuses/131655526877626368" class="timesince">6 hours ago</a></li>
<li>RT @<a href='http://twitter.com/robhawkes'>robhawkes</a>: On the 8th of November I'll be putting on a HTML5 canvas webinar <a href="http://t.co/kZYfd6t5" rel="nofollow">http://t.co/kZYfd6t5</a> <a href="http://twitter.com/w3c_omweb/statuses/131651070035378176" class="timesince">7 hours ago</a></li>
</ul>
<a href='http://twitter.com/w3c_omweb' class='twitter-follow-button' data-show-count='false' data-link-color='#36769c' data-text-color='#61636a'>Follow @w3c_omweb</a></li>
<li id="text-6" class="widget widget_text"><h2 class="widgettitle">W3C Technos</h2>
<div class="textwidget"><div>
<a href="http://www.w3.org/html/">HTML5 blog</a>
<a href="http://www.w3.org/QA/html_feed"><img src="http://omwebw3c.files.wordpress.com/2010/08/rss_blog21.png" style="border-style:none;" /></a>
</div>
<div>
<a href="http://www.w3.org/blog/CSS">CSS blog</a>
<a href="http://www.w3.org/Style/CSS/Overview.rss"><img src="http://omwebw3c.files.wordpress.com/2010/08/rss_blog21.png" style="border-style:none;" /></a>
</div>
<div>
<a href="http://www.w3.org/blog/SVG">SVG blog</a>
<a href="http://www.w3.org/blog/SVG?tempskin=_rss2"><img src="http://omwebw3c.files.wordpress.com/2010/08/rss_blog21.png" style="border-style:none;" /></a>
</div></div>
</li>
<li id="text-7" class="widget widget_text"><h2 class="widgettitle">W3C Tutorials</h2>
<div class="textwidget"><a href="http://www.w3.org/2010/09/intro_svg_course_description.php">SVG Online Course</a><br />
<a href="http://www.w3.org/Style/CSS/learning">Learning CSS</a><br />
<a href="http://www.w3.org/2002/03/tutorials.html"> All W3C Tutorials</a></div>
</li>
<li id="text-4" class="widget widget_text"><h2 class="widgettitle">Project Funding</h2>
<div class="textwidget"><div style="float:right;">
<a href="http://cordis.europa.eu/fp7/ict/netmedia/home_en.html" title="European Commission Website"><img border="0" src="http://omwebw3c.files.wordpress.com/2010/06/sans-titre-2.gif" alt="European Commission" />
</div>
<font color="#36769c">This project is funded by the European Union through the Seventh Framework Programme (FP7/2007-2013)
under grant agreement n°248687 - Open Media Web (OMWeb).</font><br />
</div>
</li>
<li id="calendar-2" class="widget widget_calendar"><h2 class="widgettitle">OMWeb’s posts</h2>
<div id="calendar_wrap"><table id="wp-calendar">
<caption>September 2011</caption>
<thead>
<tr>
<th scope="col" title="Monday">M</th>
<th scope="col" title="Tuesday">T</th>
<th scope="col" title="Wednesday">W</th>
<th scope="col" title="Thursday">T</th>
<th scope="col" title="Friday">F</th>
<th scope="col" title="Saturday">S</th>
<th scope="col" title="Sunday">S</th>
</tr>
</thead>
<tfoot>
<tr>
<td colspan="3" id="prev"><a href="http://openmediaweb.eu/2011/07/" title="View posts for July 2011">« Jul</a></td>
<td class="pad"> </td>
<td colspan="3" id="next"><a href="http://openmediaweb.eu/2011/10/" title="View posts for October 2011">Oct »</a></td>
</tr>
</tfoot>
<tbody>
<tr>
<td colspan="3" class="pad"> </td><td>1</td><td>2</td><td>3</td><td>4</td>
</tr>
<tr>
<td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>10</td><td>11</td>
</tr>
<tr>
<td>12</td><td>13</td><td><a href="http://openmediaweb.eu/2011/09/14/" title="Workshop on HTML.next for gaming">14</a></td><td>15</td><td>16</td><td>17</td><td>18</td>
</tr>
<tr>
<td>19</td><td>20</td><td>21</td><td>22</td><td>23</td><td>24</td><td>25</td>
</tr>
<tr>
<td>26</td><td><a href="http://openmediaweb.eu/2011/09/27/" title="New training course on HTML5 Audio & Video">27</a></td><td>28</td><td>29</td><td>30</td>
<td class="pad" colspan="2"> </td>
</tr>
</tbody>
</table></div></li>
</ul>
</div>
<div id="footer">
<p>
<a href="http://wordpress.com/?ref=footer" rel="generator">Blog at WordPress.com</a>.
<br />Theme: <a href="http://theme.wordpress.com/themes/neat/">Neat!</a>. <a href="http://openmediaweb.eu/feed/">Entries (RSS)</a>
and <a href="http://openmediaweb.eu/comments/feed/">Comments (RSS)</a>.
</p>
</div>
</div>
<script type="text/javascript">
// <![CDATA[
(function() {
try{
if ( window.external &&'msIsSiteMode' in window.external) {
if (window.external.msIsSiteMode()) {
var jl = document.createElement('script');
jl.type='text/javascript';
jl.async=true;
jl.src='/wp-content/plugins/ie-sitemode/custom-jumplist.php';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(jl, s);
}
}
}catch(e){}
})();
// ]]>
</script><script type='text/javascript' src='http://s.gravatar.com/js/gprofiles.js?z&ver=MU'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var WPGroHo = {"my_hash":""};
/* ]]> */
</script>
<script type='text/javascript' src='http://s1.wp.com/wp-content/mu-plugins/gravatar-hovercards/wpgroho.js?m=1318621576g&ver=MU'></script>
<script type="text/javascript">
var _qevents = _qevents || [];
(function() {var elem = document.createElement('script');elem.src = (document.location.protocol == "https:" ? "https://secure" : "http://edge") + ".quantserve.com/quant.js";elem.async = true;elem.type = "text/javascript";var scpt = document.getElementsByTagName('script')[0];scpt.parentNode.insertBefore(elem, scpt); })();
_qevents.push( { qacct:"p-18-mFEk4J448M", labels:",language.en,type.wpcom" } );
</script>
<noscript><div style="display: none;"><img src="//pixel.quantserve.com/pixel/p-18-mFEk4J448M.gif?labels=%2Clanguage.en%2Ctype.wpcom" height="1" width="1" alt="" /></div></noscript>
<script type="text/javascript">
/* <![CDATA[ */
jQuery(document).ready( function($) {
$('#wpl-button > a.like').click( function(e) {
e.preventDefault();
$('#wpl-mustlogin').remove();
$.post( 'http://openmediaweb.eu/wp-admin/admin-ajax.php', {
'action': 'wpl_record_stat',
'stat_name': 'loggedout_like_click'
} );
var tenMins = new Date();
tenMins.setTime( tenMins.getTime() + 600000 );
document.cookie = 'wpl_rand=b198a8c5d0; expires=' + tenMins.toGMTString() + '; domain=wordpress.com; path=/;';
$('#wpl-count').after( '\
<div id="wpl-mustlogin"> \
<form action="https://omwebw3c.wordpress.com/wp-login.php" method="post"> \
<p>Just one more step to like this post:</p> \
<label><span>Username</span> <input type="text" name="log" id="user_login" class="input" value="" size="20" tabindex="80" /></label> \
<label><span>Password</span> <input type="password" name="pwd" id="user_pass" class="input" value="" size="20" tabindex="81" /></label> \
<input type="submit" name="wp-submit" id="wp-submit" class="button-primary" value="Log In" tabindex="82" /> \
<input type="hidden" name="redirect_to" value="http://openmediaweb.eu/2011/09/14/workshop-on-html-next-for-gaming/?like=1" /> \
<input type="hidden" name="wpl_rand" value="b198a8c5d0" /> \
<p>Not a member yet? <a href="http://wordpress.com/signup/?ref=likebox" id="wpl-signup-link">Sign up with WordPress.com</a></p> \
</form> \
</div> \
');
$('#wpl-mustlogin').hide().slideDown('fast');
} );
$('#wpl-mustlogin input.input').live( 'focus', function() {
$(this).prev().hide();
}).live( 'blur', function() {
if ( $(this).val() == '' )
$(this).prev().show();
});
$('#wpl-mustlogin input#wp-submit').live( 'click', function(e) {
e.preventDefault();
$.post( 'http://openmediaweb.eu/wp-admin/admin-ajax.php', {
'action': 'wpl_record_stat',
'stat_name': 'loggedout_login_submit'
}, function() {
$('#wpl-mustlogin form').submit();
} );
});
$('#wpl-mustlogin a#wpl-signup-link').live( 'click', function(e) {
e.preventDefault();
var link = $(this).attr('href');
$.post( 'http://openmediaweb.eu/wp-admin/admin-ajax.php', {
'action': 'wpl_record_stat',
'stat_name': 'loggedout_signup_click'
}, function() {
location.href = link;
} );
});
});
/* ]]> */
</script>
<script>jQuery(document).ready(function($){ Gravatar.profile_cb = function( h, d ) { WPGroHo.syncProfileData( h, d ); }; Gravatar.my_hash = WPGroHo.my_hash; Gravatar.init( 'body', '#wpadminbar' ); });</script> <div style="display:none">
</div>
<style type="text/css">
.reblog-from img { margin: 0 10px 0 0; vertical-align: middle; padding: 0; border: 0; }
.reblogger-note img.avatar { float: left; padding: 0; border: 0; }
.reblogger-note-content { margin: 0 0 20px 35px; }
.reblog-post { border-left: 3px solid #eee; padding-left: 15px; }
.reblog-post ul.thumb-list { display: block; list-style: none; margin: 2px 0; padding: 0; clear: both; }
.reblog-post ul.thumb-list li { display: inline; margin: 0; padding: 0 1px; border: 0; }
.reblog-post ul.thumb-list li a { margin: 0; padding: 0; border: 0; }
.reblog-post ul.thumb-list li img { margin: 0; padding: 0; border: 0; }
.reblog-post { border-left: 3px solid #eee; padding-left: 15px; }
</style><script type='text/javascript'>
/* <![CDATA[ */
var HighlanderComments = {"loggingInText":"Logging In…","submittingText":"Posting Comment…","postCommentText":"Post Comment","connectingToText":"Connecting to %s","commentingAsText":"%1$s: You are commenting using your %2$s account.","logoutText":"Log Out","loginText":"Log In","connectURL":"http:\/\/omwebw3c.wordpress.com\/public.api\/connect\/?action=request","homeURL":"http:\/\/openmediaweb.eu\/","postID":1062,"gravDefault":"identicon","enterACommentError":"Please enter a comment","enterEmailError":"Email address required","invalidEmailError":"Invalid email address","enterAuthorError":"Name required"};
/* ]]> */
</script>
<script type='text/javascript' src='http://s2.wp.com/wp-content/mu-plugins/highlander-comments/script.js?m=1318534208g&ver=20110804'></script>
<div id="bit" class="loggedout-follow-normal">
<a class="bsub" href="javascript:void(0)"><span id='bsub-text'>Follow</span></a>
<div id="bitsubscribe">
<h3><label for="loggedout-follow-field">Follow Open Media Web</label></h3>
<form action="http://subscribe.wordpress.com" method="post" accept-charset="utf-8" id="loggedout-follow">
<p>Get every new post delivered to your Inbox.</p>
<p><input type="text" name="email" style="width: 95%; padding: 1px 2px" value="Enter email address" onfocus='this.value=(this.value=="Enter email address") ? "" : this.value;' onblur='this.value=(this.value=="") ? "Enter email address" : this.value;' id="loggedout-follow-field"/></p>
<input type="hidden" name="action" value="subscribe"/>
<input type="hidden" name="blog_id" value="11669349"/>
<input type="hidden" name="source" value="http://openmediaweb.eu/2011/09/14/workshop-on-html-next-for-gaming/"/>
<input type="hidden" name="sub-type" value="loggedout-follow"/>
<input type="hidden" id="_wpnonce" name="_wpnonce" value="4415d05b18" /><input type="hidden" name="_wp_http_referer" value="/2011/09/14/workshop-on-html-next-for-gaming/" />
<p id='bsub-subscribe-button'><input type="submit" value="Sign me up!" /></p>
</form>
<div id='bsub-credit'><a href="http://wordpress.com">Powered by WordPress.com</a></div>
</div><!-- #bitsubscribe -->
</div><!-- #bit -->
<script type='text/javascript' src='http://s2.wp.com/wp-content/mu-plugins/post-flair/sharing/sharing.js?m=1315610360g&ver=0.2'></script>
<script type="text/javascript" charset="utf-8">
jQuery(document).ready(function(){
jQuery( '.share-twitter' ).click(function(){
window.open( jQuery(this).attr( 'href' ), 'wpcom-twitter', 'menubar=1,resizable=1,width=600,height=350' );
return false;
});
});
</script>
<script type="text/javascript" charset="utf-8">
jQuery(document).ready(function(){
jQuery( '.share-facebook' ).click(function(){
window.open( jQuery(this).attr( 'href' ), 'wpcom-facebook', 'menubar=1,resizable=1,width=600,height=400' );
return false;
});
});
</script>
<script type='text/javascript' src='http://platform.twitter.com/widgets.js?ver=20110531'></script>
<script type="text/javascript" src="http://b.scorecardresearch.com/beacon.js"></script><script type="text/javascript">try{COMSCORE.beacon({c1:2,c2:7518284});}catch(e){}</script><noscript><p class="robots-nocontent"><img src="http://b.scorecardresearch.com/p?cj=1c1=2&c2=7518284" alt="" style="display:none" width="1" height="1" /></p></noscript><script src="http://s.stats.wordpress.com/w.js?21" type="text/javascript"></script>
<script type="text/javascript">
st_go({'blog':'11669349','v':'wpcom','user_id':'0','post':'1062','subd':'omwebw3c'});
ex_go({'crypt':'UE40eW5QN0p8M2Y/RE1TaVhzUzFMbjdWNHpwZGhTayxPSUFCMGNrd29+Smw0c2YrNHNBSkw3cVdPUTNiUmUvRG9WajdULixdZiZQQnVGbEV1K2E/MyUucUFSZT8xc2JFSkhlMjVnXzNpUCVjOEtRdnw4SVo4W2h2X1gxY0pGV3QsZVYxW1QtT1tnM1FkdU1mVEctW0NLblI5dy82NkVDODJ8JVlqfE00NiVbaltLd0c4VkRCZTdDPS92PXRXfEZHcmZOaEZNK2ZaJnkxUi9FVkdXcWcsSUF1aTBCXW51NlhNUGo4YUQwUE5vaGhjLkg5bSZSSHQ0eUFaWTlNMyV6Qm02R3RqclRTW0hJTWVaSG5yOXx3dnhnem1sfmdkTmd8T1A0TV89T0Q3aHM5'});
addLoadEvent(function(){linktracker_init('11669349',1062);});
</script>
<noscript><img src="http://stats.wordpress.com/b.gif?v=noscript" style="height:0px;width:0px;overflow:hidden" alt="" /></noscript>
<br /><br /><br />
</body>
</html>