Responsive Web Design

Grand Ballroom - Salon G

These days, people use a wide range of devices to surf the web — phones, tablets, televisions, computers of all sizes, and soon cars, watches, and more. It's hard to keep up. Creating separate websites for every device category isn't sustainable, nor the best solution for many projects. That's where responsive web design comes in — use techniques to make your site work on a wide range of screen sizes and device capabilities. It sounds great in theory, but how exactly does it work?  Jen Simmons will walk you through practical nuts-and-bolts for planning, designing, and creating a responsive website that lasts.  

• content strategy
• designing for the web, not for another medium
• responsive layouts
• team workflow and the design process
• performance and speed
• tools, tips and tricks
• what to avoid

Participants need:
1) Paper for sketching. Pencil or pens.
2) A laptop you are familiar with.
3) A place to write HTML & CSS — preferably a code editor.
4) Whatever development tools you use to write CSS (if any).
5) Web browsers, including Firefox (15+).
6) Optionally, mobile emulators: iOS Simulator, Android Emulator, Opera Mobile Emulator