Sessions at HTML5 DevUp by Ideateca on Friday 27th April

Are we being seduced by the animation and rich UI capabilities of modern browsers at the expense of the underlying platform of the Web?
The Web has entered a new phase in its evolution: The proliferation of a JavaScript enabled audience with increased processing grunt in their devices, better and more ambitious JavaScript developers, and users with an appetite for sophisticated experiences, all seem to be helping to move the web in a rich and exciting direction.

Good developers understand about graceful degradation, progressive enhancement, unobtrusive JavaScript and the like, so why are we seeing big companies building web offerings with little apparent thought for their impact on the Web?

We’ll explore this by looking at what the Web was, is now, and might become. We’ll look at examples of exciting user interfaces and sophisticated interactions. We’ll also examine some emerging techniques for providing rich user interactions without hurting the web or killing kittens.

The latest browser APIs now make it possible to redesign how your web pages interact with other applications. Web pages are too often little islands that fail to play well with the wider user interfaces of our devices. This talk will explore the possibilities from Drag and Drop to Web Intents, demonstrating how to make web pages more equal in the world of applications.

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.

The workshop is directed towards designers and developers that want to get involved in the world of native apps. It will show you how you can develop an app and upload it to the AppStore without any prior programming or native language knowledge- for example Objective-C.

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.

The increase in the dispersity of devices with which we can browse the web makes the traditional distinction between mobile web and desktop web more and more absurd. The growth of responsive web design, based on reticula fluency and half queries, is revolutionizing the way we design the web. What challenges do we face? What methodology should a Responsive web development team use?

La guerra de navegadores ha llevado a la creación de motores Javascript más rápidos, añadiendo capacidad 3D y audio y permitiendo que juegos para iOS puedan funcionar sin ningún plug-in. Miguel expondrá los retos que afrontó con la portabilidad de juegos iOS a HTML5 mediante el uso de la tecnología Mandreel.