Week 5

Reading discussion

Let’s talk through our last reading:

The Web’s Grain responses

Again, I’d like this to be a discussion and I want to hear from folks who haven’t participated yet. (In the interest of time, I’ll be looking at this week’s project entries outside of class.)

Responsive design!

Today’s topic is responsive design, which hinges on the use of media queries:

Media queries

We will break somewhere midway through the lecture, again.

Working responsively

As a sort of demo/exercise today, we’re going to look at how to work on a responsive page with the DevTools:

DevTools (The Inspector)

For next week

• Read through the whole media query lecture above, as is custom. Our project entries from now on should be responsive!

  I expect to see media queries used, going forward. Let’s primarily focus on mobile and laptop—I will be looking at ~ 375px and ~ 1280px.

• Complete a responsive fourth entry for your Harmonic Collection projects and add it to the doc:

  Harmonic Collection entries

Session recording

Session recording