Advanced Web Design: 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 www.creativeblog.com.

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: