Responsive Web Design 101

This class will run Monday, July 13th and Wednesday, July 15 from 6:45pm-9pm.

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 2015 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 using simple CSS techniques!

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 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.

Unemployed or in financial distress and interested in taking this class? Apply for a scholarship (https://docs.google.com/spreadsheet/viewform?formkey=dDRJNXNIYmJ0Mkk1WmxzZUUyN29faUE6MQ#gid=0).

About the Instructor:

LeeAnn is a front-end developer living in Philadelphia. She is a web accessibility advocate, events coordinator for Girl Develop It Philly and co-organizer of LadyHacks (http://ladyhacks.org/) and Ela conf (http://elaconf.com/). In her free time LeeAnn loves to hike, bike and travel.

http://photos2.meetupstatic.com/photos/event/8/d/d/8/600_400176312.jpeg

All attendees are expected to abide by the Girl Develop It Code of Conduct (http://www.girldevelopit.com/codeofconduct).

Questions about the class or interested in being a TA for this class? Contact sam@girldevelopit.com