addressalign-toparrow-leftarrow-rightbackbellblockcalendarcameraccwcheckchevron-downchevron-leftchevron-rightchevron-small-downchevron-small-leftchevron-small-rightchevron-small-upchevron-upcircle-with-checkcircle-with-crosscircle-with-pluscrossdots-three-verticaleditemptyheartexporteye-with-lineeyefacebookfolderfullheartglobegmailgooglegroupshelp-with-circleimageimagesinstagramlinklocation-pinm-swarmSearchmailmessagesminusmoremuplabelShape 3 + Rectangle 1ShapeoutlookpersonJoin Group on CardStartprice-ribbonShapeShapeShapeShapeImported LayersImported LayersImported Layersshieldstartickettrashtriangle-downtriangle-uptwitteruserwarningyahoo

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


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 and Ela conf. In her free time LeeAnn loves to hike, bike and travel.



All attendees are expected to abide by the Girl Develop It Code of Conduct. 

Questions about the class or interested in being a TA for this class? Contact [masked]

Join or login to comment.

  • Linda J.

    Lee and the Teaching Assistants were fabulous.

    July 16, 2015

23 went

Your organizer's refund policy for Responsive Web Design 101

Refunds are not offered for this Meetup.

Our Sponsors

  • FIS

    FIS is a "Women in Tech Hero” and major supporter of GDI Philly.

  • inMotion Hosting

    55% off annual hosting plans for websites and WordPress blogs.

People in this
Meetup are also in:

Sign up

Meetup members, Log in

By clicking "Sign up" or "Sign up using Facebook", you confirm that you accept our Terms of Service & Privacy Policy