Type & Interaction: Skills
Introduction

  • Hinting on the web
    • Duplicate Sans Thin, Mac OSX on Chrome
    • Duplicate Sans Thin, Windows 8 on
    • Comercial Type
  • A: Left align
  • B: center align
  • C: right align
  • D: Justified text
    • significantly different on web
  • E: Tracking
    • letter-spacing on web
  • F: Leading
    • line-height on web
  • w3c guidelines
  • Web AIM Color Checker
  • A: Spread
  • B: Headers/subheaders
  • C: Margin
  • D: Gutter
  • E: Running header/footer
  • F: Bleed
  • A: Headline w/ subheading
  • B: Header w/ subheading
  • C: Body text
  • Web ‘1.0’ heirarchies
  • Type systems on the web
    • headers
    • footers
    • nav
    • h1-h6
    • paragraphs
    • unordered / ordered lists
    • persistent elements
    • hidden elements