#Intro to Responsive Web Design
Created for Girl Develop It Detroit by Nicole Rodriguez. Modified by Laura Eagin, Aisha Blake, and Leeann Drees.
##Course Description:
What's the big deal about Responsive Design?
The big deal is that there are now 1.75 billion smartphone users worldwide. Somewhere, someone is using their smartphone to book a flight because they missed their connection; check their account balance before making a purchase; find the closest urgent care center. And someone is at their wit's end after pinching, zooming, and panning all over the website just to complete the simplest task - because it was designed for the desktop.
Responsive design helps end this madness and makes websites easier to use, on whatever device a website is viewed on. This workshop will provide a basic understanding of responsive design from concept to code, and give you the tools and resources to create a responsive website.
PREREQUISITES: Participants should have a basic understanding of HTML & CSS, enough to be comfortable editing it and inspecting it in the browser.
##Outline:
- What is responsive design?
- Fluid grids
- Flexible images
- CSS3 Media Queries
- Exercise: Making it Responsive
- Frameworks
- Exercise: Working with Foundation
- Process: Mobile First
- Beyond Responsive
This class is intended to be taught in one four-hour session.