WDS 04: Advanced CSS 09/18/19

INTRO:
– Continue with “Last summer” OR anything else as long as it takes no time to decide.
– Do not worry about RWD just yet.
– Start with basics: Boxes.
– Try some or all of the box decoration from the lecture.
– Create layouts with multiple boxes, formatted using “float” or “display: inline-block”
– Import and apply fonts.
– Incorporate media rules (Breakpoints)

ADVANCED CSS:
CSS Drop down menu

Animation:
Basic CSS Animation
Another Resource
Useful collection
Go crazy

RWD:
– More Media info
– The Viewport is Key
– So is the Grid
Fluid Template

Extras:
Tooltips are better tham the old “title” attribute in HTML.
Images can be styled
More on the Hover
Advanced Hover effects
Zen Garden

SASS:
Intro to SASS
Ok, so why even do it?
From W3

STUDIO 04: ADVANCED CSS
Continue- Add to your current “What I did last summer” files.
Include:
– Dropdown menus
– CSS Animation
– RWD using Viewport and Media Rules
– Any of the “Extras”
Review next week.