IDES 322 07: Advanced CSS 03/01/16

INTRO
HTML/CSS:
Complete Code review for 3, 14 and 15
CSS: Try opacity + hover

Process and Design:
Process: Revise wire frames/prototype based on class feedback
DESIGN: Create site interface in PSD or AI. Output as a .JPEG. We will review in class next week.

MID TERM: Process documentation due on Tuesday, March 15th.
Example: 1, 2, 3, 4

READING:
Review Page 238, 292 in book
The :first-child selector allows you to target the first element immediately inside another element. It is defined as a “structural pseudo-class”, meaning it is used to style content based on its relationship with parent and sibling content.
– First Child in action
– First and last child

Ch. 14
List styles
List images
List positioning and shorthand
Table Properties
Even the Cursor can change
Lists are important for drop down menus:
Drop, example
Pick your poison

Ch. 15
Best review
The power of “Z” and test code
Floaters
Float and Clear
Next Week: 2 column, and 3 column layout. Media queries – using multiple CSS

Assignment
Sources to Review:
– More about the “Z”
Flaunt it
3 columns
more 3s

HTML/CSS:
Read: Chapter 16, and 17.
Complete Code review for 16, and 17
– Try :first child selector
– Try implementing a drop down menu

Process and Design:
MID TERM: Process documentation due next class – Friday, Oct 30th.
Examples: 1, 2, 3, 4