Thomas Wallace

Lectures and Resources

The Flexible Grid

The Flexible Grid

The Future of the Grid

Assignment

Read Chapter 3
Create your own grid based page using the sample html we generated in class. You should use different dimensions and gutters for this assignment. Use the approach we covered in class to make sure you understand the process. Please upload the assignment to cloud9. Be sure to link it up from your workspace index. If you need a bit of help here is the general workflow…

  1. Create directory structure and base html. You can use the html from the codepen along with boilerplate if you like.
  2. Generate a Grid ( Experiment with Different Tools )
  3. Implement grid on the sample html file using pixels
  4. Convert to percentage-based grid
  5. Publish