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: