Responsive web design from the future

Download the presentation (13MB PDF)

pushState. replaceState. Hashbangs. AJAX. PJAX. Beets. Bears. Battlestar Galactica.

Responsive web design is about a lot more than the size of your screen. This talk is about about how GitHub handles links, the url bar, partial page updates, and explains why I think the HTML5 history API is the most important thing to happen to front end development since Firebug.

References

• Warpspire: URL Design
• Browsermob performance testing
• HTML5 History API (Dive Into HTML5)
• history.js

Examples

• GitHub Issues 2.0 (rails/rails)
• Infinite Scroll + HTML5 History API Example

You should probably follow @kneath on twitter

You’re sure to learn all kinds of interesting facts about cheese, BBQ and perhaps even some ramblings on design, tech and the wonderful internets.