Day 11 : June 8, 2015
Today we covered
Sass and Bourbon
- Install Homebrew
- Install Sass
- Install Bourbon
- Sass intro
- Helpful hints for Sass
- .scss, not .sass
- Sass creates the CSS file for you, while Sass allows the designer to write things in a easier, more organized way, and use more complicated functions like math equations and grids!
- Variables, mix-ins, and partials
- Convert to a scss file
Command + T to open a new filesass —watch foldername/stylesheetfilename.scssCtrl + C to quit processCommand + Shift + P to access Package Controls
An introduction to grids on the web
- Use of grids on the web
- Common considerations: columns, gutters
- Sizing grids
- Rule of Thirds, Golden Mean, 12/18/24-column grids
HTML and CSS details
- Text and box shadow
- blockquote
- nth-of-type
- nth-of-type calculator (Thanks, Dawn!)
- Useful nth-of-type recipes (Thanks, Dawn!)
- xn+y = z is a good math equation too, if
x is the number of elements you want to skip (eg. x = 3 if you want every third element to pick up a style. y is the element number you want to start at, eg. if y = 2, then start on the second element onwards.)
Homework
Everyday a bit of written, audio, or video resources will be assigned to review, which will supplement class assignments. Assignments are always due by 8:59am of the following day, unless noted.
Supplemental Resources (required reading)
Assignments
Done with the required homework and would like more to learn from? TIY has you covered.
