Sessions at HTML5 DevUp by Ideateca about HTML5 on Friday 27th April

The Open Web Device is the mobile web platform Mozilla & Telefónica are codeveloping in partnership with Qualcomm and several OEMs. Context, current development status and future plans will be presented, as well as a live demonstration of the actual device.

Let’s face it: HTML5 game development is in a weird place. On the one hand, we have web developers dabbling in games. On the other hand, we see game developers diving into the browser for the first time. These communities are isolated from one another. This talk will discuss the gap between web devs and game devs, what we can learn from each other, and how we can come together to form a new, hybrid community.`

Let’s face it: HTML5 game development is in a weird place. On the one hand, we have web developers dabbling in games. On the other hand, we see game developers diving into the browser for the first time. These communities are isolated from one another. This talk will discuss the gap between web devs and game devs, what we can learn from each other, and how we can come together to form a new, hybrid community.`

Although a great number of changes and additions in HTML5 are “under the hood”, certainly one of the most visible new capabilities is the integration of browser-native multimedia, allowing for the use of video and audio in your pages without the need for any messy plug-in-based solution. Add some of the 2D drawing capabilities of canvas into the mix, and you can now control and manipulate multimedia files directly in JavaScript. In this talk, Patrick will give an overview of what’s currently possible, how the API for the new video and audio elements works, where the potential pain points are (particularly when moving to mobile devices), and what lies ahead with the addition of new emerging standards like WebRTC, which allow direct access to your device’s camera.

The participants of this workshop will learn to develop applications for mobile devices using the latest web technology. First we will tackle the differences between using the web on mobile devices versus desktop browsers, the specific limitations of these devices as well as their growing specific advantages.

Then, you will learn how to get around these limitations to create a good user experience on mobile devices. We will learn some best practices for how to use HTML5, CSS3 and the new APIs available on modern mobile platforms. We will also review the tools you have at hand to develop applications that run on the largest possible number of devices.

Making the most of the current HTML5 features, using semantics < markup/ >, not being a JavaScript cowboy, understanding that mobile and desktop are not the same, supporting Open Source, not always using libraries, knowing that CSS3 + LESS + OCCSS = WIN

This workshop is divided into 3 parts:

1. HTML5: make the most of the current features to make your app as efficient as possible (save battery life, cache control….)
2. OCSS: Organizing CSS (and how Facebook saved 19% of bandwidth)
3. JavaScript: Cowboys became extinct centuries ago.

With the increase in the quantity of content on the web, web semantics is becoming stronger and stronger. Thanks to new HTML5 tags, micro formats, micro data, RDFa and ARIA specifications we can now create an web for everything where everyone can find what they are looking for.