Wednesday 31st October, 2012
1:00pm to 4:00pm
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.
Want to try it for yourself? Chris will be providing a free template to HOW Interactive Design Conference attendees!
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