Monday, January 26, 2015

Week 2A: January 27

Today in class, we watched a few videos and viewed a few presentations discussing responsive web design. We even viewed the meta tag for beginning to create your responsive website, which will be put into the header. I also got selected to be a coordinator for my self and two classmates for a trip to Lancaster Catholic to present to a group of high school Web Design students.

Homework: 
Find 5 events (with websites) that you would like to re-design OR two made-up events (200 words each)

  1. http://www.redheaddays.nl/en/
  2. http://hotpotato5k.org/
  3. http://www.farmshow.state.pa.us/
  4. http://lithuanianmha.org/



- list of group or team members (if choosing to work with other classmates)

- Read Build a basic responsive site with CSS on Creative Bloq

Week 1- Responsive Web Design Reading

The first reading for this semester is called Responsive Web Design by Ethan Marcotte.

Intro & Chapter 1:
Canvas: Graphic and web designers don't have any physical medium, but instead our canvas is the web browser. How our designs are rendered depends on the user's settings on their individual browser (font settings, color of displays, shape and size of browser window), which gives us constraints and parameters to work from which can now be easily broken thanks to responsive design.

- Designing for different devices was not very good at first, since the word "mobile" was added to a link, and would be loaded as a mobile link if opened as such on a desktop computer.

Responsive Architecture:

- A fairly new design discipline. A piece of architecture that works mutually with its inhabitants to inform and influence each other.

Responsive Web Design:
- embrace flexibility inherent to the web without surrendering the control we require as designers. Embed standards-based technologies in our work.

-adapts to the constraints of the browser window or device that renders it, and responds to the user's needs
Ingredients:
1. Flexible, grid based layout
2. Flexible images and media
3. Media queries (module from CSS 3 specification)

Thursday, January 22, 2015

Week 1B

Today in class, we mainly went over the general guidelines for the class and the projects that we will be working on throughout the course of the class