Looking for online portfolios to analyze? Check out:
http://cargocollective.com/. Great work. I mean, crackerjack. http://www.rainbowmonkey.de/visual.html http://www.wk.com/ http://jasonzimdars.com/svn/ http://www.frankchimero.com/ … the list goes on…
Quote of the day
“Beware the lollypop of mediocrity: Lick it once, and you’ll suck forever.” — Brian Wilson
Box model exercise HTML
Box Model HTML/CSS Stub (.zip)
Portfolio Interaction Concepts
Site Title Site Description Site Navigation Portfolio Gallery
Thumbnail Title Description
Portfolio piece
Piece title Screenshot (larger) Individual gallery/slideshow Description (longer)
Lightboxes Close buttons [...]
Continued…Web Standards Solutions, Chapter 12, CSS Layouts. Watch this video: http://johnnyholland.org/2009/10/30/johnny-tv-features-drawing-ideas-and-communicating-interaction/. How can sketching be used to improve interactive design for the web? http://stndrd.org/ is a great resource for learning about the design process.
Download and read: http://stndrd.org/files/Stndrd_Digital_Process.pdf Read this page on digital design process http://stndrd.org/wiki/index.php?title=Digital_Production_Process
Continued…CSS Mastery, Chapter 3: Box Model. Questions to think about:
What is the difference between margin and padding? What does a background-color look like on an inline element vs a block element? What does a box with a background-color and padding look like? What does a box with a background-color and margin look like?
Walk through this tutorial with examples of [...]
Continued…Deadlines, deadlines, deadlines
Finished work must be uploaded to your site and a link sent to me by email by end of class Wednesday. This differs from our ordinary policy: normally assignments will be due at start of class. Please send assignments to my ucdenver.edu email address.
Late work will receive a maximum of 50% when graded, [...]
Continued…Web Standards Solutions
Chapter 6: Phrase Elements Chapter 4: Quotes
If you’re still fuzzy on how HTML tags work, Wikipedia has a great entry on HTML syntax with lots of examples.
Continued…If you’re having trouble knowing whether your resume is well marked up, try downloading this finished recipe HTML file (.zip). This is the file I finished a couple of classes ago. Try using it for reference, looking for patterns between elements in your resume and elements in the recipe.
Some things to look for:
Do you have [...]
Continued…CSS Mastery, Chapter 2 (Selectors): will cover the topic of how to target element on your page to style them (Selectors). Web Standards Solutions, Chapter 13 (Fonts): Will cover typography on the web.
Continued…To follow along with the recipe exercise, download recipe.html (.zip archive).
Update: Here is a copy of the Recipe Stub (.zip) for reference.
Continued…A superb blog post on icons in interactive design. Web Standards Solutions
Chapter 1: Lists Chapter 2: Headings
Questions to think about:
What is a list? Ingredients in a recipe? How about a class roster? Remember how to write an essay outline? Perhaps that is a list too. What is a heading? How should one make use of heading hierarchy? When [...]
Continued…