Don't go back and forth between windows.
Let the concepts sink in.
We hear you.
Please call us out if we do it again.
Floats arrrrgh!
Guess what, it gets easier.
Should I wrap everything in an element?
Always err on the side of segmentation.
More divs are easier to control than less.
Don't worry about bloat.
Pair programming hint
Talk when you type.
Road map for the day
Good call. Today we're doing positioning, and lots of lab time.
Sublime vs. JSBin vs. GitHub
Here's the deal with JSBin
But long-term, it'll all be Sublime
GitHub is for storing code and sharing code.
Class is fast! Home is slow.
”Class is for getting the concepts and home is for getting comfortable with the concepts.”
Stick with hand-raising
Will do.
Nested selectors
section div {
}
article a { }
.picture ul li img { }
Why is this handy?
But… specificity? Let's test it out.
Pseudo-selectors
:first-child
:last-child
:first-of-type
:last-of-type
:hover
:active
:visited
Keyboard shortcuts
tag + tab = <tag></tag>
tag.foo + tab = <tag class="foo"></tag>
⌘ + shift + k = change tag
⌘ + ' = remove tag
⌘ + control + up/down = move line up/down
Foodspotting
Making the invisible visible.
Reading recap
Code, the newsroom, and self-doubt
The CSS Box Model
Floats
Positioning
Projects
How do groups form?
What should we do?
Examples
When can we work on them?
Homework
Start by sketching boxes
Then build from the outside in.
Go back and forth between HTML & CSS
