Week 1: Outside the Classroom

Because I found some event websites that I would like to redesign for the first project at the end of class on Wednesday, all I needed to do for homework was read  "Build a Basic Responsive Site With CSS," on  www.creativeblog.com.

Here are the notes I took from the reading:


Building A Basic Responsive Site with CSS

• adapting layouts to viewports sizes
• websites should not be specifically about either the desktop or the mobile device, but about building in such a way that its layout adopts to varying viewport sizes
• User Frustration
• RWD -> not just about mobile, considers all viewport sizes
• developing good responsive website requires more time and effort than just using media queries
• Hiding content from mobile user browsing website = issues
• penalizes mobile user browsing website
• can effect performance
• Consider smaller devices first -> most important info first
• Ethan Marcotte: "Rather than tailoring disconnected designs to each of an ever-increasing number of web devices, we can treat them as facets of the same experience..."
• RWD should eliminate need to make viewport related changes
• The Walkthrough
• Key element of flexibility is fluid layout width 
• create wrapper, content, and column width that adapt
• CSS -> set max-width (stops scaling across enormous screens)

Top Five Choices for Project:

*http://chicagodonutfest.com/

https://www.pelindabalavender.com/lavender-festival-a/282.htm

http://www.jlyork.org/the-fabulous-casino-night

http://www.nylavenderfestival.com/

http://www.chameleonclub.net/event/705035-lancaster-punk-rock-flea-lancaster/