CE 2411 07: MORE CSS 08/01/16

INTRO:
Float Tutorial
Inline block tutorial
Horizontal Align
Try the Z-index
Try implementing a drop down menu

READING:
Ch. 9
Who needs FLASH?
Adding Video
SWFObject
JavaScript

Ch. 17
The old
The new
How it works
What about those older browsers?

EXTRA:
From Chapter 15, Media Rules.
Start with @import
But, when presented as a media rule: @media – used for different purposes:
Media Rules
– More Media info
From Chapter 16, rollovers.
JS tried and true.
Better but tricky
FAVICON
FAViSize
Flavor FAVicon
Favicon generator

NEW:
JS Redirect:
– Sub-domain. How does it look?
How to redirect? My Page. Code. Screen Shot on iPhone
Practical application.

ASSIGNMENT:
Sources to Review:
CSS Rollover
CSS Rollover 2
More on the Hover
Advanced Hover effects
Zen Garden
3 columns
more 3s

HTML/CSS:
Read: Chapter 9, and 12.
Complete Code review for 9, and 12

HTML/CSS
Chapter 19
Media Rules:
– import CSS using media rules
– Change background based on media rules (see demo)
– Try Javascript image rollovers and CSS sprites
– Create and install a favicon
– Try Mobile redirect

Start working on your final