Class 4 - Form Design and Development

Tuesday, July 07, 2009

Class Outline

In this class we talk about the importance of usability and form design, go through all (of the important) form tags, elements, and attibutes, write left/right/top aligned style sheets and talk about how to hide labels with form elements keeping accessibility in mind.

Resources

• PDF on form design
• Book: Web Form Design: Filling in the Blanks by By Luke Wroblewski
• Design Related
  • User Interface Podcast: Luke Wroblewski on Strategy By Design
  • How To Design The Perfect Form
• HTML Related
  • Form examples from Jeff Brown's Teach Me the Web
  • Sitepoint HTML Reference for Forms
• CSS Related
  • CSS :focus psuedo class
  • Great CSS Tutorial on Rediscovering the Button Element
• Further Reading
  • A List Apart Article on Making Compact Forms More Accessible
  • Article on HTML5 and forms: Improve your forms using HTML5! from Opera
• Form Tools
  • pForm helps you build forms fast
  • Wufoo Form Service