Skip to content

gdiroc/gdi-responsive

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 56.8%
  • CSS 28.3%
  • JavaScript 14.5%
  • GLSL 0.4%