Html5 | Web Directions

Presentations about html5

Podcasts, slides, videos and more

HTML5 technologies and game development — Rob Hawkes

With Angry Birds, Cut the Rope and other block­buster games now working in modern web browsers, it’s fair to say native, browser based gaming has arrived for real. But how do they do it? In this session, Mozilla Technical Evangelist Rob Hawkes looks at the features now in your browsers to help develop games (and other interactive web based experiences) including the Canvas and WebGL, HTML5 Audio API, Mouselock and the Joy­stick API.

See the slides and hear the podcast »

Designing in the browser — Divya Manian

Each website is a product used daily by people to take actions, not just read the content on it. Your product is amorphous, it takes the shape of whatever container it fills: a mobile browser, a touch enabled desktop browser, or a 30″ iMac that is connected to the Internet via tethering. Photoshop is just one of the means to an end in this new age of utilitarian web sites. The new technologies available in HTML5 already allow you to create prototypes quickly in the browser. Learn how to create a prototype from start to finish using these new technologies while taking advantage of quick prototyping tools.

See the slides and hear the podcast »

The Web’s Third Decade — Faruk Ateş

Our medium has entered its third decade of existence, and is ready for some growing up. Our definitions and understand­ing of the web are rapidly getting out of date, as, too, are our practices for building on it. It is time to re-​​evaluate where things are and, more importantly, where they are going.

See the slides and hear the podcast »

Getting offline: appcache, localStorage for HTML5 apps that work offline — John Allsopp

One of the perceived benefits of “native” apps is that they can be installed on a device, then run when the user isn’t connected. But web apps can do this too. In this session, John Allsopp will show you how to use HTML5 features such as appcache and webStorage to create apps that the user can install, and which will work even when the user is cruising at 30,000 feet with no web connection. These features also have the added bonus of helping to improve the performance of web sites and apps, and even work in all modern browsers and devices, including IE8 up!

See the slides and hear the podcast »

HTML5, device APIs and PhoneGap — Dave Johnson

Where once web pages were sand­boxed, with little if any access to the underlying device capabilities, increasingly, this is no longer the case. From the first steps of geolocation, which enables any web site or application to ask the browser for a user’s location, an increasing range of device features are being exposed in the DOM: the file system, camera, gyrosopes, address book, com­passes and more. In this session, Dave Johnson, originator of the phoneGap project delves into HTML5 and related device APIs, enabling us to build richer, more sophisticated applications in the browser.

See the slides and hear the podcast »

The HTML5 History API — Anson Parker

Get the low-​​down on this excellent HTML5 feature and learn how you can add it to your own web projects (and why you’d want to!). We’ll also look at some of the missteps made along the way (like the 2011/​12 Twitter web interface).

See the slides and hear the podcast »

Fantastic forms for mobile web — Tammy Butow

Let’s have a look at how new features such as autofocus, required fields, native date pickers, place­holder text and popping up tailored keyboards for numbers and email addresses on mobile devices can make life more enjoyable!

See the slides and hear the podcast »

Ben Birch — HTML5, PhoneGap and What’s Next

If this year is all about the mobile space maturing, then your web skills are where it’s at and a key player is PhoneGap, which supercharges your code and gets you into the app store(s).

See the slides and hear the podcast »

Greg Rewis — Move it! CSS3 Transitions and Animations

In this session, we’ll take a look at all of the possibilities and explore what works and where — from the simplest effects, to creative usability enhancements including the combination of CSS with mobile Javascript frameworks.

See the slides and hear the podcast »

Damon Oehlman — HTML5 API Soup

In this session we will explore ways you can implement and combine HTML APIs such as websockets, web workers, local storage, and geolocation to make awesome web apps.

See the slides and hear the podcast »

HTML5 selectors API — It’s like a Swiss Army Knife for the DOM

• In: Blog, developer
• By: John
• September 2, 2011

In the infancy of JavaScript, there was little if any concept of an HTML document object model (DOM). Even though JavaScript was invented to enable web developers to manipulate parts of a web page, and in the original implementation, in Netscape 2.0, developers could only access the form elements, links, … Read more »

Get off(line)

• In: Blog, developer
• By: John
• July 11, 2011

Taking your web sites and apps offline with the HTML5 appcache

There’s a general (and understandable) belief by even many developers that web sites and web applications can only be used when the browser has a web connection. Indeed, this is routinely cited as one of the real advantages of “native” … Read more »

Michael Mahemoff — HTML5 offline for fun and performance

In this session we’ll get hands-​​​​on with the application cache to make the app run when it’s not online. We’ll check out the techniques for client-​​​​side persistence: web storage and indexed database. Finally, we’ll look at the latest techniques for file access — reading and writing files on the user’s hard drive from a web app is being defined by web standards and implemented in today’s modern browsers.

See the slides and hear the podcast »

Bruce Lawson — Native multimedia with HTML5

We’ll look at the pros and the cons of HTML5 multimedia and see how to write simple controls with JavaScript. Most excitingly, we’ll also look at how HTML5 builds in support for subtitles and captions for multimedia accessibility. And you might pick up a Turkish dancing tip on the way.

See the slides and hear the podcast »

Dave Orchard — Offline Web Apps with HTML5

There’s an old expression, that there are only 2 hard problems in computing: naming, cache invalidation and off-​​by-​​one errors. Building offline web apps is all about those hard problems. We’ll spend the bulk of our time on these hard problems, which is probably more useful than api description and sample code.

See the slides and hear the podcast »

« Further reading

Images:

The images are downsized due to limited space here. The original dimensions may differ.
Click on the image to open it on a new tab.