• Microdata Overview
  • HTML5 Microdata
  • HTML5 Microdata – Welcome to the Machine
• Testing & Creation Tools
  • Structured Data Testing Tool
  • Structured Data Markup Helper
  • JSON-LD Generator

Grid-Based Design

• What is it? | Why Use 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

Class Sample

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.