Design Challenges, Standards Solutions - AEA 2008

• PPT Presentation (HTML)
• Faux Techniques - The art of backgrounds:
  • Fixed Two Column (curves on column)
  • Liquid Two Column
  • Elastic Two Column
  • Elastic Header Technique (Orlando Jumpstart) Increase text size
  • Dean Edwards IE7 JS linked on my CSS resources page
  • Jeremy Harrington's blog (top header imagery)
  • Gina Bolton's Sitepoint article
• Divisions - Measure twice, cut once:
  • Liquid Three Column
  • Liquid Three Column (changed source order)
  • Zoe Gillenwater's article on 2 & 3 column liquid layouts
• Inline Elements - A chip off the old block
  • Drop Caps
  • Spans within headings (slide or home page of my site)
  • Form Demo
  • Simple, semantic form
  • Form with long legend (span fix / gradient fix for IE)
  • Elastic form with long legend (em units for sizing, <em> for required fields)
• Multi-classing - Classing smarter, not harder
  • 3 Boxes - single class
  • 3 Boxes - multi-classes
  • Multi-boxes - floated with widths in pixel based container
  • Multi-boxes - no width - constrained by container