ART 435 Fall 2014

Web Design

Day 19

October 30, 2014

Practice Responsive Layouts Work Day

Next Tuesday – Practice Responsive Layouts due by 1pm
Next Thursday – Reading Quiz Ch. 13 & 17
Thursday 11/13 – Reading Quiz Ch. 15

Reading Quiz Information

  • 5 questions each.
  • 15 points each.
  • You may use any notes you take.

Day 17

October 23, 2014

Today’s files

  • Odds & ends
  • Media queries
    • Will mostly use ones based on width (max-width or min-width)
    • Other options available
    • General viewport sizes
      • Newest iPhones – 375px by 667px
      • Older iPhones – 320px by 568px
      • iPads – 1024px by 768px
      • Other tablets – 1280px by 800px

Example media query

@media screen and (max-width: 480px) {

    /* alternate CSS here */

}

Day 16

October 21, 2014

Today’s files

  • Client/Developer Site Due/Critique
  • Update Coda on lab computers, go over new features
  • Responsive Design
  • Flexible Layouts
    • Percentages
      • Use percentages for layout widths
      • Percentages inside of percentages
      • Set a max-width for your container if needed
    • em
      • Used instead of pixels for font-size, line-height, border, as well as some margin and padding
      • Target ÷ context = result (24px ÷ 16px = 1.5em)
        • Context is the font size of the element.
        • Use 16px for the font size of any element or for all aspects of an element where font size isn’t set.
        • Put your math in a comment next to the result.
    • Using HTML5 elements – ch. 17, pp. 431-432
      • Please note that hgroup has been deprecated

Day 14

October 14, 2014
  • Transparency – rgba(133,20,75,0.5)
  • Client/Developer meetings – discuss design
  • Client/Developer Site Work Day
    • Thu 10/16 – Work Day/In-Progress Critique
    • Tue 10/21 – Due by 1pm

Day 12

October 2, 2014
  • One Page Site Critique
  • Client/Developer Site
  • Basic Client Process
    • Content Planning
    • Design
    • Development
  • Structure and Site Maps
    • Purpose Revisited – ch. 18
    • Site Maps – pp. 461-462
    • Structure – pp. 81-82
  • Client/developer meeting beginning of next class – have your content and site map ready

Day 11

September 30, 2014
  • One Page Site Critique
  • Introduce Client/Developer Site
  • Basic Client Process
    • Content Planning
    • Design
    • Development
  • Structure and Site Maps
    • Purpose Revisited – ch. 18
    • Site Maps – pp. 461-462
    • Structure – pp. 81-82
  • Client/developer meetings next class – have your content and site map ready