Sunday, January 29, 2017

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

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:

No comments:

Post a Comment