Skip to content

Latest commit

 

History

History
35 lines (27 loc) · 1 KB

gotta-sketch-em-all.md

File metadata and controls

35 lines (27 loc) · 1 KB
layout title desc group_work slides
slide-deck
Gotta sketch ’em all
A in-class review exercise for grids, type systems and modular CSS.
true
type content
super-big-text
**Gotta sketch ’em all**
type content
big-text
## Set up 1. Form into pairs 2. [Download the files](https://github.com/ltw-webdev-3/gotta-sketch-em-all/archive/master.zip) 3. Print “wireframe.pdf” 4. Get out a pencil for marking up the paper
content
**Determine semantics, grids & type classes** 1. Draw boxes to represent the different HTML elements 2. Assign each box a semantically correct tag 3. Draw lines to represent the grid rows & units 4. Write the unit widths 5. Write out the possible classes from module system: like `.list-group`, `.embed`, `.btn`, etc. 6. Write out the possible classes from the type system: like `.island`, `.gutter`, `.pad`, `.push`, etc.
type image
image
wireframe.jpg