• Microdata Overview
  • HTML5 Microdata
  • HTML5 Microdata – Welcome to the Machine
• Testing Tools
  • Structured Data Testing Tool | Example | Result
  • Structured Data Markup Helper

Grid-Based Design

•  Grid-Based Design |  What is it? | Examples | Resources
  • Generate a Grid
  • Class Example (960 / 10 Col)
    • Grid Tile (For Visual Reference)
    • Column Dimension Reference (Pixel Reference)

Files

• HTML5 Boilerplate
• Content Markup

Clearfix

• Clearfix Demo
• Dealing with Clearing Bugs

Assignment

Read Chapter 2  – Responsive Web Design:  The Flexible Grid

Read Chapter 4 in Responsive Design / Experiment implementing your own grid on the example html we worked with in class. Try using one of the grid-generators we examined in class. Be prepared to review in class on Tuesday.