HTML5 Developer Conference header

October 2012 Videos

Go to interviews

Cache is King!
Steve Souders

Click here for slides

40-60% of users visit your site with an empty cache at least once each day. 58% of resources don't have caching headers, even though 38% of them go unchanged for weeks. The browser cache is small. We're told localStorage is bad for performance. Is it? Does it depend on how it's used? Application cache is full of gotchas. It's really hard for web developers to test caching in the lab AND in the real world. And yet caching is critical for making a fast web app. Join Steve as he clarifies the problem and various solutions to make your web app leverage the most out of caching.

Solving Performance for 2D & 3D Web Apps: Finally!
Steve Newcomb

Click here for slides

There has been much debate about HTML5 mobile apps and performance. This Summer, Facebook announced it’s pulling out of HTML5 and moving back to native because of performance issues. What does this mean for the future of Web Apps? After nearly 2 years of focused research on the underlying causes of web app performance problems, Steve Newcomb, shares his team’s key findings in a frank, pragmatic and informative discussion designed to help developers get their arms around the key issues. In addition, Steve will be sharing a demo that breaths new life into what web app performance can look like if these key issues are addressed.

Webapp Workflow & Yeoman
Paul Irish

Click here for slides

We rarely talk about the actual mechanics of how we develop webapps, but in this session, we'll get into some new techniques people use to improve their experience. Iterating faster, avoiding bugs through tools, and improved automated testing are great ideas, but in this talk we'll see how to really incorporate them into a functional and realistic developer workflow.

"HTML5: Postcards from the Bleeding Edge"
Peter Lubbers

In this fast-paced and demo-rich talk, Peter will take a look at some of the most cutting-edge HTML5 features and related developments. Warning: these features may only work in nightly builds of a browser, or with experimental flags turned on, but life is more exciting when you live on the edge, right?

Broken Promises of HTML5, and What's Next?
Christian Heilmann

HTML5 has been quite the buzzword for a while now and as developers we are stuck in between a massive demand and a lack of technical support. Devices and hardware that promised to be the bright future of HTML5 are not allowing us to do the things we want to. In this talk Chris Heilmann of Mozilla will show how we can juggle our demands and move forward towards a world where HTML5 is not a cool "nice to have" but the standard it set out to be. There is a lot to be defined and many great things brewing - we just need to push where movement is needed rather than going in lots of different directions.

"Maintainable Workflow with Sass"
Jina Bolton

Whether you're working alone or on a large team, having a solid CSS architecture is incredibly rewarding and essential for good development, design, and business. As continuous integration gains traction in today's web application development workflows, living style guides and CSS preprocessors like Sass help keep everything in check. Learn how Sass can enable you to create smarter, forward-thinking maintainable web interfaces.

Seamless iFrames: The Future, Today!
Ben Vinegar

Click here for slides

In this talk, I give attendees their first glimpse at HTML5's "seamless" iframe attribute. This feature lets iframes inherit certain attributes from their containing document, and promises to be a powerful tool in the future of third-party development. Since seamless only has limited browser support today (only Chrome version 22 implements it), I demonstrate a number of practical techniques for replicating the seamless feature set for older "modern" browsers.

Open Source Tools and Libraries for Designers
Julie Ann Horvath

Click here for slides

I've seen the future, and it's not in that layered .psd your designer just handed you. As designers and developers, we build things. And we do it often. But we don't build websites or apps. We build systems. Systems that evolve and grow with a company, its users, and both of their needs. The way we design and build these systems should reflect the living, breathing things we want to create and additionally, leave room for them to grow. The question is how do we make this happen with static assets?

The answer is we set them all on fire. And start in the future. We start in the browser.

Learn how to use GitHub and other open-source tools and libraries to build living, breathing systems in your browser.

Keeping the Dream Alive
James Pearce

The Web's place in history as a flexible & fluid way to store documents is well assured. But in a post-PC world, it's got work to do, and it's looking a little out of its depth. The Web's best hope for the future is if we think about it a little differently and admit what we must do to address its shortcomings.

Building the Web of Tomorrow: A Case Study
Bear Travis

Web developers are aware of when new features are available, but what is not obvious is how these features become specifications or get into browsers to begin with. Through the prism of CSS Regions and Exclusions, we shall explore how features are proposed, adopted, and ultimately implemented across browsers.

Dart Today and Beyond
Gilad Bracha

Google's Dart programming language is intended to provide a civilized web programming experience, balancing dynamism with software engineering support and performance. We'll review the essentials of Dart and update you on where we plan to take it down the road, focusing on mixins, reflection, and asynchrony.

Adventures in Single Page Applications
Mikito Takada

Developers writing single page web application these days apply a set of familiar patterns and techniques, including MVC, namespaced modules and templating libraries. However, we've hit some limitations and challenges with these techniques.

In this talk, I'll try to provide some food for thought by taking a fresh look at single page applications and arguing *against* some of the current best practices. Things that work with simple Javascript apps don't necessarily work that well in single page applications.

Stop Using Native HTML5!
Kyle Simpson

Click here for slides

No, don't stop using HTML5, just stop using the native HTML5 JavaScript API's directly. They're still in flux, there's still bugs that need to be shim'd, etc. Your code needs to use these features, but it needs to be more robust. What you need is to use in your apps is a thin facade (wrapper API) around those features, so that as things change, bugs come and go, etc, all that needs to change is the internals of your facade, and not your actual app code. H5API is a project to build these thin facade APIs for the various HTML5 native APIs. We'll examine why we need something like this, and how H5API will help us build more robust HTML5 apps.

Ads After Content! Deliver Ads Asynchronously
Derek Brans

99% of ads rely on synchronous remote scripts and document.write to insert themselves into the DOM as the HTML is parsed by the browser. This practice bloats page load times and delays the user seeing any content. In an effort to mitigate the effect of ads on user experience, document.write emulators allow you to deliver your ads asynchronously.

Put Some Backbone.js in your Apps
Sidney Maestre

When developing HTML5 application, your code is bound to get more complex over time. Employing design patterns like MVC are important for separating concerns and creating more modular and reusable code. Backbone.js is one of the more popular JavaScript frameworks to help you do this. Unfortunately, like most open source, the documentation is a work in progress. Don't worry, I'll walk you through a series of examples that build on each other as I show how the moving parts work together. As a bonus, we'll add the StackMob JavaScript SDK to persist you data in the cloud in minutes.

Writing Tactical HTML & CSS
Shay Howe

Click here for Slides

There are a million ways to write HTML and CSS, and everyone has their own, but is there a best way? Code needs to be written in an organized manner, well structured, and performance driven. Working with code should be a joyful experience, not an absolute terror. Using principles from OOCSS and SMACSS methodologies learn how to write tactical HTML and CSS, and build maintainable websites.

Building Beautiful and Interactive Windows8 Apps with Javascript, HTML5 & CSS3
Doris Chen

Click here for presentation materials

You already have a Web app on the Internet and want to reach customers with a new, targeted experience on Windows 8. Come get practical guidance and best practices on how to reuse your Web assets. Come dive into the specifics of this exciting platform and see how you can use your Web skills to build deeply-integrated Windows apps.

  • You’ll discover how this mirrors or differs from traditional Web programming and how to harness the rich capabilities of Windows 8 through JavaScript and the Windows Runtime.
  • You'll learn techniques for turning your HTML5, CSS and JavaScript into a great Windows app including touch-enablement, adopting the Windows look and feel, and system integration.

SPDY and the Road Towards Http 2.0
Ilya Grigorik

Click here for Slides

The HTTP working group is working at full speed on HTTP 2.0 and SPDY is the foundation of the many upcoming improvements. Curious to know what lies ahead for HTTP 2.0, how it will affect and improve performance of our web applications, what problems it solves, and what you need to do to prepare and make the best use of these upcoming changes? Then this is the session for you.

Hampton's 6 Rules of Mobile Design
Hampton Catlin

What makes a good mobile interface? What makes a bad one? Mobile design is drastically different than desktop design. I'll take you through the design process I used for and give you Hampton's 6 Rules of Mobile Design. Also, and most importantly, the mobile development process can give you huge insights into your other interfaces.

Using Node.js to Build Great Streaming Services
Tom Hughes-Croucher

Click here for Slides

Much of what we build these days is about shuffling bits of information around. Learn how to use Node.js to become an expert at bit-shuffling. This session will cover the basics of why Node is great at working with streams, how to make your application more awesome with stream and where Node.js stream support is heading in the future.

The Future is Responsive
Matt Kelly

Click here for Slides

The future is here, and the future is responsive. With the explosion of devices that can access the Web, we have to adjust how we design our websites and our digital products. In this talk, we delve into the evolution of responsive design - where we've been and how we got here. We examine the progress we've made so far in creating the tools and methods that allow us to design responsively. We also take a peek into where responsive design is going in the coming months and years. The best way to meet this bold future and create better online products is to prototype and build faster. We'll talk about how you can do just that and the tools within your reach.

SASS, Compass & the new Webdev tools
Dirk Ginader

Click here for Slides

Developing and maintaining CSS projects can become a tedious task full of repetition. Especially taking care of all the vendor prefixes necessary to make your shiny gradients, drop shadows and rounded corners work in all the many Browsers out there seems so hard that many developers simply give up and go all -webkit-. As it turns out there's absolutely no reason for that. CSS preprocessors like SASS with Compass take the pain out of CSS development and bring the fun back in! Additionally tools like Livereload or CodeKit speed up development even further! I can happily say that my web development work-flow has never been more fun than in the last year. Let me show you why :-)

A Deeper Look at the Enyo JavaScript Framework
Dave Freeman

In this session, we will explore the ideas behind the Enyo framework, a new JavaScript framework that takes the ideas of encapsulation and reusable code objects into the web application and mobile worlds. We will also explore the ecosystem of new libraries build on the Enyo core, especially the Onyx user-interface system which was designed to be beautiful and usable across multiple platforms.

Touch Me If You Can!
Jeff Burtoft

From phones to tablets to desktops, touch is a standard interface for the web and for apps. This session will provide an in-depth technical review, code snippets and best practices of popular touch models, and an introduction to the latest Pointer approach proposed by Microsoft with IE10 and Windows 8 Apps.

Touch Forward: Developing Awesome Cross-Browser Touch Interactions
Bill Fisher

Click here for slides

Bill Fisher will discuss cross-browser touch interactions on mobile phones, tablets and laptops. He will explain why you should enhance your applications with touch events, how to provide consistent experiences across current and emerging platforms, and where touch will be going in the future. He will also show how hardware-accelerated CSS3 animations are essential to providing the best user experience.

Content vs. Configuration: HTML5 in a CMS
Jennifer Lampton

Click here for Slides

There are many different kinds of websites out there, and each one may need to use HTML5 in slightly different ways. When designing a Content Management System that can support any type of website, where can you assume which tags should be used, and where do you need to build a user-interface for selecting specific tags?

Come hear about some of the challenges encountered when updating Drupal 8 to use HTML5, and see some of today's solutions for making the markup for this CMS a little smarter. Since we're currently designing a new user-interface for the next release of this popular CMS, I'd also like your feedback on how much configuration is too much, and where it's essential for the user interface to provide different choices.

The Fox and the Stork: Serving Code for other People's Sites
Sylvain Carle

There's a whole team at Twitter working on HTML code that is NOT for, we call it Twitter for Websites. We will present a few of the challenges we had to overcome in shipping embeddable timelines that should work anywhere in realtime and scale from the desktop down to not-so-smart phones used worldwide. From decisions on where to render what part of the code code (clientside or server-side?) to surviving iframe hell, from templating to busting CDN caching, we have seen a few hairy issues and will share some of the insights we have been able to gather (and scars too).

October 2012 Interviews

Go to top

Peter Lubbers

Sergio Costa

Morten Primdahl

Michael Dale

Josh Powell

Gray Norton

Derek Brans

Steve Newcomb & Mark Lu

Christian Heilmann

Bill Pearson

We have branding, tables, and sessions available.
Contact us
for more info.

Realtime logo Yammer logo Enyo logo Zendesk logo Intel logo Filepicker logo dotCloud logo Teespring logo Yahoo! logo Mozilla logo Ludei logo Aquent & Vitamin-T logo Playphone logo Adobe logo Sugar Inc. logo Live Nation Labs logo Koding logo Crocodoc logo EventBrite logo PubNub logo R/GA logo Carnegie Mellon University San Francisco Manning logo Parisoma logo Careers 2.0 by Stack Overflow logo

Get the HTML5 Developer Conference App by:

Joyvent logo Get it on Google Play Get it on the App Store
Newsletter Signup
Signup for our newsletter today!