Refactoring for Mobile using HTML5 and CSS3

Javascript & HTML5
Location: Portland Ballroom
Tags: mobile, html5, css3
Average rating: ****.
(4.20, 15 ratings)

The rate at which users are accessing our websites via handheld devices has grown explosively in the past few years. How are these users interacting with your web content? Are you delivering an enjoyable and useful experience? In this session we will discuss recent trends in the mobile Web and use live code examples to discuss how we can make web pages more accessible to mobile devices like the iPhone, Android, and iPad by taking a CSS-based, minimally intrusive approach to webpage markup. Starting with an off-the-shelf content management system and theme, we will modify the layout for an optimized small screen, touch-based experience. We will look at practical, easy-to-implement methods for refactoring existing websites for mobile devices (including HTML5 and CSS3 components that work well today!) and ways to develop and test our sites without having to invest in a plethora of mobile gadgetry. Finally, we’ll explore some device-specific features and emerging CSS3 techniques to investigate what the future might hold for the mobile Web.

Joseph Lewis

Sandia National Laboratories

Joseph R. Lewis is the chief web architect at Sandia National Laboratories, where his activities include research and development of semantic web, social media, and mobile technologies for scientific collaboration and national security applications. Mr. Lewis is an author of two books on web development: Foundation Website Creation with CSS, XHTML, and JavaScript (2008) and AdvancED CSS (2009). Mr. Lewis is also an accomplished and formerly professional double bassist and guitarist who still teaches music in his spare time.