Stub for CSS Lesson

[tiffehr]

• added a final result for discussion
• planning to (started the dropped) a step-by-step checkin/tag pattern so I can diff my way though building the file
• CSS facets cover:
  • basic structure reminders
  • the importance of reset styles for new projects
  • shorthand properties
  • basic layout (float versus inline-block)
  • typefaces and headlines
  • semantic markup choices, to help group features
  • pseudoclasses, namely :hover and :visited
  • animations via CSS3 transitions (not all of the vendor-prefixed set)
  • border-radius, text-shadow,
  • rgba and fallbacks
  • responsive web design basics and how they override each other

This is a lot to cover. I don't have a good sense of what the students have been taught so far, so I'm a bit hesitant to keep this all in play. But if I break it into steps, perhaps that'll help extend over a second session or self-teaching.

This style of page is what I'd expert from current front-end devs working in the industry. But I think the students would enjoy the transition effects and finding out how much can be done just with CSS.

I'll definitely need some guidance on responsive web design: could be skipped? Or a separate session?

[tiffehr]

Added Bootstrap stub and final.

[tiffehr]

More step-by-step (via tags) through the lesson.

[tiffehr]

Okay, ready, to go. I didn't do a lot with Responsive...that may be a good area for the students to decide for themselves what to do.