Responsive Web Design

The most popular computers today have a variety of screen resolutions, from tiny BlackBerry to Android phones to iPad minis to larger tablets that approach desktop sizes. In two years more people will access the web via these mobile devices than with desktop PCs. Responsive design allows us web developers to target all of these devices and build future-friendly websites that work for all users.

With this class, you’ll build a mobile-first, HTML5 website from scratch with a flexible layout and touch-friendly navigation. Using CSS3 media queries and a little Javascript, we’ll create fluid designs that work across all devices while learning useful design patterns that solve common responsive design problems. You'll also learn techniques for responsive images and videos, feature detection to add progressive enhancement to your pages, and methods for testing your designs. By the end of the class you’ll be ready to make any website mobile-friendly, responsive and accessible to all users.

This class requires intermediate HTML and CSS knowledge, and students should bring a laptop with a text editor (like Sublime Text) installed. If you're not sure what intermediate knowledge means, please take our CSS quiz to make sure you're ready for this class (http://sandbox.cfarman.com/gdi-css-quiz/). A 7 out of 10 score means you qualify to take this class.

Please note: This class is a four-night series running over two weeks on Mon/Wed June 17th & 19th and June 24th and 26th from 7pm to 9pm

About the Teacher:

http://photos3.meetupstatic.com/photos/event/e/9/5/e/event_175799742.jpegCatherine Farman is a Front End Developer for ecommerce software firm WebLinc (http://www.weblinc.com) in Old City, Philadelphia. She spends her days building standards-based interfaces with the latest and greatest HTML, CSS, and Javascript tools for awesome clients, and her nights prepping talks on responsive design and polishing her JS & Python skills. Catherine studied History of Art & Spanish at Bryn Mawr College, and is proof that you don't need a CS degree to work in technology. Follow her at @cfarm (http://www.twitter.com/cfarm).