Product Overview
Fancy Form Design
A
- accesskey attribute,
- advanced search form example
- advisory text
- Ajax, submissions with
- aligning to grid,
- Amazon’s Wish List button example
- audience expectations
- audits, competitive audits
- auto-completion
-
- elements
- widgets
B
- background patterns and textures
- Birth Date fieldset
- boxes, checkboxes element
- Brightkite’s toggle example
- buttons
-
- button element
- Preview and Save buttons example
- radio buttons element
- split button element
- submit button,
C
- Çelik’s undohtml.css
- calls to action, highlighting
- Camino browser
- canvas, styling
- change password form example
- checkbox element,
- client-side validation
- cloud-hosted frameworks
- Coda’s new site panel example
- color design
- color picker element
- competitive audits
- condition question display,
- conventions, web interfaces
- CSS frameworks
- CSS signature
D
- date picker element
- date selectors
- design,
-
- background patterns and textures
- color
- grid systems
- iconography
- interaction design,
- typography
- desktop software as inspiration
- disabled attribute
- div element,
- Dopplr date picker example
- drag and drop
- drop-downs menus
- Dylan Verheul’s autocomplete plugin
E
- edit profile form example
- editors, rich text editors
- elements,
-
- (see also fields)
- auto-completion of fields
- buttons
- checkboxes,
- color pickers
- date pickers
- div,
- drag and drop
- fieldsets
- file uploaders,
- form
- img
- labels
- legend
- radio buttons,
- rich text editors
- select menus,
- sliders
- span element
- split buttons
- structure of,
- text fields
- textareas
- toggle switches
- Eric Meyer’s reset CSS
- errors
-
- about
- adding icons to error messages example
- indicating in forms
F
- Facebook’s profile editor example
- feedback form example
- fields
-
- (see also elements)
- Birth Date fieldset
- prefixed field
- required
- text fields element
- fieldset element
- file upload element,
- Firefox preferences dialog example
- Firefox widgets example
- Flickr uploader example
- floats
- form element
- frameworks
-
- cloud-hosted frameworks
- CSS
- jQuery
- functional specifications
G
- get method (form element)
- global white space reset
- goals
-
- design
- interaction design
- Google’s Ajax Libraries API
- gradients, styling
- grid systems
-
- about
- aligning to,
H
- highlighting calls to action
- HTML
-
- form elements,
- and form structure
I
- iconography
-
- about
- styling icons,
- id attribute
- img element
- input validation
- instructions on form
- interaction design,
-
- goals
- identifying users
- paper prototypes
- wireframes
- interaction patterns
- Internet Explorer
-
- select menu
- widgets examples
J
- JavaScript
- Jörn Zaefferer’s autocomplete plugin
- jQuery
- jQuery Custom Input plugin
- jQuery Custom Selectboxes
- jQuery Geogoer VChecks
- jQuery iPhone-style Checkboxes plugin
- jQuery Password Strength Meter
- jQuery plugins
- jQuery Selectbox plugin,
- jQuery UI Selectmenu
- jQuery UI’s Datepicker
- jQuery’s validation plugin
K
- Kayak sliders example
L
- label element
-
- side-by-side
- top-aligned
- legend element
- libraries
-
- Google’s Ajax Libraries API
- Yahoo CSS library
- Yahoo Developer Network’s Design Pattern Library
- Login link
M
- Mac-style widgets example
- method attribute (form element)
- Meyer’s reset CSS
- Microsoft Word’s view size menu example
P
- Panic’s shopping cart example
- paper prototypes
- PassRoids plugin,
- password strength indicators,
- patterns, background
- personas, user personas
- planning,
-
- elements,
- interaction design,
- research and inspiration
- platforms and interaction design
- post method (form element)
- prefixed field
- privacy
-
- (see also security)
- privacy settings example
- styling
- prototypes, paper prototypes
R
- radio button element,
- read-only attribute
- registration forms, examples of
- required fields
- resetting styles
- rich text editors
S
- scenarios
- security, password strength indicators
-
- (see also privacy)
- select list, menus
- select menu element,
- server-side validation
- side-by-side labels
- sign up form example
- slider element
- sliding doors technique
- span element
- specifications, functional
- split button element
- sprites
- structure,
-
- elements,
- final markup,
- instruction, errors and advisory text
- styling,
-
- about,
- aligning to grid,
- Birth Date fieldset
- checkboxes and radio buttons
- fieldsets and legends
- form questions,
- Login link
- prefixed field
- privacy
- resetting styles
- select menu
- submit button,
- submit button,
- switches, toggle switch element
T
- tabindex attribute
- Tantek Çelik’s undohtml.css
- task flows
- text
-
- advisory text
- rich text editors
- text fields element
- textareas element
- textures, background
- toggle switch element
- top-aligned labels
- typography
U
- UI-Patterns
- undohtml.css
- uploading files,
- use cases
- user personas
- user style sheets
- users, identifying
V
- validating inputs
- Verheul’s autocomplete plugin
- Virb’s color picker example
W
- web interfaces, conventions
- West Elm’s calls to action example
- widgets,
-
- autocomplete
- checkboxes and radio buttons
- condition question display,
- date selectors
- input validation
- jQuery UI Selectmenu
- password strength indicators
- select menu
- styling
- submission with Ajax
- wireframes
- WordPress’s rich text editor example
Y
- Yahoo CSS library
- Yahoo Developer Network’s Design Pattern Library
Z
- Zaefferer’s autocomplete plugin
Customer Reviews
Live, unmoderated reviews from our customers, typos and all.
Whenever I created a form I felt something was missing. This book gave me lot of ideas to create better forms.
Hima Amperayani, USA 
Another great book from Sitepoint! The only thing that I wish the authors to include is Instant Form Validation.
Torn, Thailand 
It have covered many of my dificulties about the logic behind the forms. The chapters are awesome, the content is well explained, and I received a good boost in my forms since I finish my reading and start to type my code.
Yuri Peixoto, USA
I find the Sitepoint book range to be a bit hit-and-miss to be honest. This particular title was a miss; it had hardly any depth to it and never got beyond the very basics.
But, in contrast, some of the other design titles (the javascript and jquery books in particular) are very useful either for learning the subject or being used as a pocket reference.
Stephen Allan, USA 
Overall it's good book, entertaining, well written, not overly long, full of immediately practical examples that anyone familiar with form design and development can use. It's good to see more of these micro topic books being written than the large 500 page tomes of yesterday.
Gary Barber, Australia
Product Details
| Edition: |
1st |
| Price: | $29.95 |
| Pages: | 176 |
| ISBN: | 978-0-9805768-4-9 |
| Published: | October 2009 |
SitePoint Books
- advocate best practice techniques
- lead you through practical examples
- provide working code for your web site
- make learning easy and fun
