Past Meetup

Responsive Design 102: Making sites responsive

This Meetup is past

6 people went

Price: $55.00 /per person

Location visible to members

Details

Responsive design is awesome, but for practical reasons, we can't always afford to re-build a website from scratch when we decide it's time for a site to be responsive. In this workshop, we'll take a look at techniques for taking existing fixed-width sites and making them responsive.

This workshop will provide a basic understanding of responsive design, from concept to code, and give you the tools and resources for taking an existing site and making it a responsive one. We'll cover media queries, design tools and best practices, and we'll have some hands-on coding time for getting practice making it all work.

What is Responsive Design?

Web traffic from mobile devices like smart phones and tablets has surpassed traffic from laptop and desktop computers. That means most web users these days are accessing websites on the go from a variety of devices. Responsive Design is the art of coding one single website so it looks and works great no matter what device someone might be using to view it. It's a hot and in-demand skill right now, so you'll want to be sure to grab a seat for yourself in this workshop!

Prerequisites

Attendees should be comfortable with HTML and CSS. Specifically, you should understand the CSS box model, floats, CSS resets and HTML standards and tags.

Instructor: Natalie MacLees
TA's: TBA

About Natalie MacLees

Natalie MacLees is a front-end web developer and UI designer and is founder + principal of the interactive agency, Purple Pen Productions (http://purplepen.com/). She is the author of jQuery for Designers (http://jqueryfordesignersbook.com/), now in its second edition. She also has a jQuery podcast - Designers Learning jQuery (http://designerslearningjquery.com/).

She was the lead organizer for WordCamp Los Angeles 2014 (http://2014.la.wordcamp.org/) and 2013 (http://2013.la.wordcamp.org/) and organized the first bi-annual Website Weekend LA (http://websiteweekend.la/). She's also the co-founder of the Los Angeles chapter of Girl Develop It (http://girldevelopit.com/chapters/los-angeles), bringing affordable and accessible coding classes to the community. She makes her online home at nataliemac.com (http://nataliemac.com/).

What to bring

Please bring a laptop* and charger to class. Power outlets and wifi will be provided. You may also wish to bring a notepad and pen/pencil for taking notes.

You'll also need a modern browser and your favorite text editor installed.

* No laptop? We have a limited number of laptops we can loan to students during class. Please fill out our Laptop Request form (https://docs.google.com/forms/d/1-HHF9IB2VlYVRivz5Zn7LwkjQAYkJLZsuW0YM4hh60U/viewform) to let us know you need to borrow one!

Scholarships

Unemployed or in financial distress and interested in taking this workshop? Apply for a GDI scholarship (https://docs.google.com/forms/d/1f2g2p-eK0X-sAwi8oFZwBOOYAi8j_MfHT6MrhCG6M0Y/viewform).

Questions?

We're here to help! If you have additional questions or would like to talk further before signing up for a class, please contact us at losangeles [at] girldevelopit dot com.

Enrollment

If we have less than 8 people signed up for this class, it might be cancelled or postponed.

No Refunds

If you can no longer attend the class you signed up and paid for, your payment will be donated to the local chapter scholarship fund. You can help another woman in need!

Sponsors

This workshop is sponsored and hosted by Rhubarb Studios.

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