Form Design Cribsheet
From NewHaven Software Wiki
(Difference between revisions)
(Created page with 'The graphic below illustrates some of the principles to keep in mind when creating forms. Image:Form-Design-Crib-Sheet-NewHaven.png') |
|||
Line 1: | Line 1: | ||
- | The graphic below illustrates some of the principles to keep in mind when creating forms. | + | The graphic below illustrates some of the principles to keep in mind when creating customer facing forms on your site. If you are using eCMS you can use CSS to style any of your forms. |
+ | |||
+ | Frameworks: | ||
+ | |||
+ | * http://formee.org/demo/index.htm - An easy to use and small framework just for forms. | ||
+ | |||
+ | * http://blueprintcss.org/ Example http://blueprintcss.org/tests/parts/forms.html | ||
+ | |||
+ | * http://formalize.me/ | ||
+ | |||
+ | * http://sprawsm.com/uni-form/ | ||
+ | |||
+ | * http://twitter.github.com/bootstrap/ This is a large framework built by Twitter. Be warned that it's "for nerds, by nerds". | ||
+ | |||
+ | Validation: | ||
+ | |||
+ | * http://docs.jquery.com/Plugins/Validation | ||
+ | |||
+ | Buttons: | ||
+ | |||
+ | * http://www.cssbuttongenerator.com/ Great cross-browser CSS based button generator. An easy and quick way to style all of your submit buttons. | ||
+ | |||
[[Image:Form-Design-Crib-Sheet-NewHaven.png]] | [[Image:Form-Design-Crib-Sheet-NewHaven.png]] |
Revision as of 16:45, 2 March 2012
The graphic below illustrates some of the principles to keep in mind when creating customer facing forms on your site. If you are using eCMS you can use CSS to style any of your forms.
Frameworks:
- http://formee.org/demo/index.htm - An easy to use and small framework just for forms.
- http://twitter.github.com/bootstrap/ This is a large framework built by Twitter. Be warned that it's "for nerds, by nerds".
Validation:
Buttons:
- http://www.cssbuttongenerator.com/ Great cross-browser CSS based button generator. An easy and quick way to style all of your submit buttons.