Skip to content

Instantly share code, notes, and snippets.

@annajmorton
Last active May 26, 2016 20:14
Show Gist options
  • Save annajmorton/f5ea0d467bc029d3ecbc51116b781fe4 to your computer and use it in GitHub Desktop.
Save annajmorton/f5ea0d467bc029d3ecbc51116b781fe4 to your computer and use it in GitHub Desktop.
1.2-1.3.5 Notes - 05/25/2016

##requests, responses, and your vm setup

This diagram described the interaction between your mac and the virtual machine (thanks Luis!): mac vm relationship

The following links relate to the "get" and "post" requests we tested in the Form lesson 1.2.1. This is the tip of the iceberg! We will return to http requests/responses again and again (it's how the internet works!). You have plenty of future opportunities to deepen your understanding of this concept.

  1. Anatomy of a URL
  2. Overview of http requests (this is pretty dense so feel free to skim).

##CSS

###selectors

consider learning the css selectors reviewed in this link. You should know 1-6 really well and maybe 18 and 19.

review questions-

  1. How are psudo classes different from standard class selectors? (hint: they relate to an element's state).
  2. Use the curriculum to think about the difference between the following 3 combination selector structures:
element .class{
	property: some style;
}
element>.class{
	property: some style;
}
element.class{
	property: some style;
}

###positioning

  1. Elements are just boxes on your page!!! You can see the box model for a selected element with the Chrome console. (you can also live edit css in the console as Cameron demoed) screenshot of boxmodel in console

  2. Flexbox is a layout mode alternative to the box model. Here is a link with more detail. I learned flexbox using flexbox froggy.

###colors colors colors colorpicker eyedropper is a google app for getting the hex color numbers of colors you see on the web

##mess around with bootstrap!!! understanding responsive design is super important. start practicing it with the class exercises.

@annajmorton
Copy link
Author

annajmorton commented May 25, 2016

vm-mac-relationship
boxmodel_console

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment