Day 8 - PitchEngine/code-wyoming GitHub Wiki

9AM

PSA: Old HTML/CSS Articles

Brackets Git

Useful happy tool!

Horizontal List Practice Project

We're going to explore the issues that arise with making a nav-bar have percentage widths, and the unexpected issues that arise with whitespace and inline-block.

Gallery Project

We're going to make a simple, no frills image gallery to practice with inline-block.

Why use inline-block instead of float? It comes down to height issues! Read this article on teamtreehouse

Still, inline block isn't without its own drawbacks

10AM

Advanced Selectors

Pseudo Classes

• Lord Vader Feeds His Anger!

• link

• visited

• focus

• hover

• active

• first-child

• last-child

• nth-child

• ...of-type

Read more about pseudo classes on css-tricks

Immediate child and sibling selectors

• >
• +
• ~

###11AM

More HTML5 Containers

• article [article on mdn] (https://developer.mozilla.org/en-US/docs/Web/HTML/Element/article)
• aside [aside on mdn] (https://developer.mozilla.org/en-US/docs/Web/HTML/Element/aside)
• section [section on mdn] (https://developer.mozilla.org/en-US/docs/Web/HTML/Element/section)

Sections and headings

Check out this page on the MDN for more reading.

1300

"Casey's project" Preview

We need to know how to use multiple wrapper and content containers before doing Casey's Project.

"Casey's Project"

We're going to work on this in groups of two (or three)