In Class
Github: We will point subdomain to your repository.
I will lecture about CSS Selectors, and we will have an in-class exercise.
Then you will continue working on the Project 2.
Lectures
Project 2 Demo
- Mobile CSS (59 min)
Due Next Week (Feb 20)
Reading
Responsive Web Design by Ethan Marcotte (May 2010)
This piece represents important web history: it’s the blog post where the term ‘responsive design’ was coined. Read it for some historical context, but do not take any of the code examples at face-value. Most of them are outdated. In fact, you can stop reading before the section ‘Adapt, respond, and overcome.’
Project 2
- After watching all demo lectures, revise your mobile CSS code from scratch starting with these files.
- Also code the desktop view. Note that you’re jumping ahead here again. Next class, I will show how I would code the desktop view. You will need to employ media queries, like so:
@media screen and (min-width: 850px) {
/* desktop css here */
}
In Preparation for Project 3
Project 3 (starting in a few week 6) will require you to interview an IxD ArtCenter student who are in their 7th or 8th term. For now I want you to do two things:
- Contact a student who you want to interview. Schedule an a time with them from now until the end of week 6. Interview them. You will need their answers in a written format.
- Come up with 10 questions to ask them. A few to get you started:
- Why did you decide to study at Art Center?
- What’s your favorite gallery/museum in Los Angeles?
- What was the most important class you took at Art Center so far?
- What projects are you working on right now?
Show & Tell
Share a web discovery in the #show-and-tell Slack channel and give a short presentation in the beginning of class. This could be an article, a tool, or a coding technique you just discovered, or an inspiring website.
Next week: Younhee & Gloria