HTML5 and Mobile resources

Posted on 03 November 2011 by Pete Duncanson Tweet

We managed to present about HTML5 and Mobile web development at the Umbraco UK Festival. Here are all the resources we mentioned in the talk for easy access.

Presentations / Further reading

• Pragmatic Responsive Design - Simply THE best presentation on the subject by Yiibu (Breakpoints slide shown in talk is on page 38. You can download and print the whole PDF of the presentation from that link)
• "One web" by Jeremy Keith (46 min video)
• Adaption - Why responsive design actually begins on the server - A follow up from Yiibu on the talk above

Technique / Tutorials / Code Samples

• Working with Media Queries - A great tutorial covering the basics of how media queries work (with source code)
• 320 & Up - An excellent framework for building sites mobile first
• Media Query Snippets - A range of snippets to drop into your code
• CSS Grid - A great framework for making flexible layouts
• Adaptive Images - Deliver the right size images for the right device
• What we start a project with - The Offroadcode "starter kit"

Tools

• https://github.com/scottjehl/Respond
• http://selectivizr.com/
• http://www.modernizr.com/

We will add more as and when we find them :)

Update: 05/11/11 - Here's a huge list of assorted resources, articles, tips and tutorials etc

Update: 09/11/11 - We have a number of related packages we are putting together. Hopefully they will be released on codeplex too. Will update here with release info. Also slide show will be added tonight.