ART 435 Fall 2013

Web Design

Final postponed

Fri. 12/6/13 | Notes

Today’s final exam is canceled due to anticipated inclement weather. We will reschedule for Monday, December 9th from 6-8pm. If you have questions, please let me know as soon as possible.

Day 29

Mon. 12/2/13 | Notes

  • Project 7 presentations
    • Steven
    • Meghan
  • Project 8 work day
  • Progress check: I will come around and check that you completed what you planned to complete over Thanksgiving Break.
  • Pizza

Day 28

Mon. 11/25/13 | Notes

  • Project 7 presentations
    • Jesse
    • Caitlin
    • Sheila
  • Project 8 work day
  • Progress check: Email me what you plan to work on over Thanksgiving Break. I will check that you completed it on Mon. 12/2.

Day 26

Mon. 11/18/13 | Notes

  • Christmas party (details below)
  • Presentations (Maddy & Shelby)
    • Post to forum if you have a link for people to visit
  • Media queries
    • Rubric updated to show two media query requirement
    • Options for having two media queries
      • Specify both min- and max-width
      • Specify just max-width (only last style will apply, best to organize media queries from largest to smallest)
  • Course evaluations open tomorrow — 5 extra credit points if everyone fills them out

Christmas party invitation

Media queries (with min- and max-width)


body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 36px; } @media screen and (min-width: 601px) and (max-width: 900px) { body { font-size: 24px; } } @media screen and (max-width: 600px) { body { font-size: 12px; } }

Media queries (largest to smallest)


body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 36px; } @media screen and (max-width: 900px) { body { font-size: 24px; } } @media screen and (max-width: 600px) { body { font-size: 12px; } }

Day 22

Mon. 11/4/13 | Notes

Project 6 site

  • Project 6 work day

Navigation menu changes

Be sure to add this to your stylesheet to make menu styling easier:

.main-navigation li {
    float: none;
    position: static;
}