Creating Responsive Web Experiences

A session at HOW Interactive Design Conference West 2012

Wednesday 31st October, 2012

1:00pm to 4:00pm (PST)

Learn how to use various web-authoring strategies to create responsive web design as Chris Converse explains the nuts and bolts (and even provides a template to get you started!).

In it’s simplest form, CSS3 media queries allow us to manipulate elements of our page to fit multiple screen sizes. This alone can be enough to implement your web content to a broad array of users. But when we combine features of CSS, such as absolute positioning and background images, with alternate HTML markup techniques, we can begin to alter the user experience in addition to layout. Using HTML elements as ‘containers’ for imagery allows us to use alternate imagery based on the user’s screen size, decreasing download speeds on mobile devices. In addition, re-positioning elements gives to the ability re-order the appearance of elements, instead of simply resizing them.

When we add AJAX into the mix, we can begin to load advanced user experiences into our web pages. Adding JavaScript detections to our web pages allows us to load more engaging experiences, while maintaining the advantages of optimized user experiences. What’s more, the experience we load can be adapted to the device viewing the web page, such as mobile web experience framework.

Want to try it for yourself? Chris will be providing a free template to HOW Interactive Design Conference attendees!

About the speaker

This person is speaking at this event.
Chris Converse

Chris is partner, designer and developer at Codify Design Studio (http://codifydesign.com) bio from Twitter

Sign in to add slides, notes or videos to this session

Tell your friends!


Time 1:00pm4:00pm PST

Date Wed 31st October 2012

Short URL


View the schedule


See something wrong?

Report an issue with this session