Monday, January 30, 2017

Week 2A

Today in class we started out by talking a little bit more about the high school presentations we need to do for class. We then had a few students present the websites they were looking at to redesign.

After that we rotated through the room looking at everyone else's options and voted on the best one for each person. In the end, the New York Lavender Fest was the one most voted for me, which is good because that was in my top two. The other website I was really interested in was the one for Chicago Donut Fest.

I definitely want to do the Lavender Festival. I feel like I can do a lot to redesign and recreate the page, incorporate my own photography and even make some fun graphics.

The Donut Fest I feel like to can do some cool stuff with as well but I feel like the Lavender Festival gives me more opportunities,

The rest of the class we had time to get started on the homework.

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:

Wednesday, January 25, 2017

Week 1B

Today in class we started out by going over the reading we did for homework, "Responsive Web Design, Ch. 1 Our Responsive Web." We then watched two short videos that briefly went over RWD (Responsive Web Design) and Prof. Pannafino gave us a short lecture before going over the first project.

Notes from lecture:

  • Print: lots of variables- paper type and size, ink- all FIXED and CONTROLLED
  • Web: huge variable- browsers and OS, accessibility, printed?, mobile devices, screens that are both bigger and smaller than ever before. Tough to control in all ways
  • What is Responsive Web Design?
    • "Design strategy centered on designing content so it response to the environment it's encountered in."
  • RWD Defined by:
    • fluid grids
    • media queries (code)
    • frees content from single context
    • will take more time to consider the USE of the content
  • Core RWD Concepts
    • mobile viewport
    • breakpoints with media queries
    • planning and mockups
  • Mobile Viewport
    * <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"
Our first project is creating a website for an event, either one that already exists or one that we make up ourselves. 

For homework we need to come up with at least five events we would like to create a website for and read "Build a Basic Responsive Sith with CSS" on

We were able to start working on our homework before class ended so I started looking up events I could create (new) websites for. Here are the events I found that I'm interested in working with:

Monday, January 23, 2017

Week 1A

Today was pretty simple. We went over the syllabus and what to expect from this class. We have two major projects during this course and a few smaller assignments we need to complete such as an off campus design event, high school presentation, and Day of Design presentations.

I'm excited to start working!