recentpopularlog in

garrettc : forms   61

Building Better Forms™ by not taking away affordances
A good example of verything you get for free by using native elements.
accessibility  css  webdevelopment  forms  userexperience 
11 weeks ago by garrettc
Better Form Design: One Thing Per Page (Case Study)
You can improve your form design with a simple pattern named "One Thing Per Page". Learn how to split up a complex process into multiple smaller pieces.
webdesign  usability  userexperience  webdevelopment  designthinking  forms 
november 2017 by garrettc
Form Validation
Forms. They collection information. Sometimes what is entered isn't in the format we need. How do we validate that? There is a lot we can do right in the browser.
forms  webdevelopment  userexperience  validation 
august 2017 by garrettc
Floating labels are problematic
Forms are not a source of entertainment. The floating label won’t make users enjoy using forms. Users don’t care. They just want the outcome.
webdesign  webdevelopment  usability  pamoja  userexperience  forms 
may 2017 by garrettc
Let them paste passwords
Allow your website to accept pasted passwords - it makes your site more secure, not less.
security  password  forms  webdevelopment  bestpractice 
may 2017 by garrettc
Making input type=date complicated
"Everyone who’s ever messed around with dates knows that they are terribly user-hostile — not only for software developers, but also for users. True, users will be able to tell you their date of birth or today’s date without trouble, but ask them to fill them out in a web form and they will encounter problems."
userinterface  webdevelopment  date  input  forms 
january 2017 by garrettc
How to Build Multi-step Forms in Drupal 8
Danny introduces Drupal 8's PrivateTempStore and shows you how to use it to develop multi-step forms (wizards)
drupal  drupal8  php  webdevelopment  programming  forms 
july 2015 by garrettc
Awesomplete
Ultra lightweight, customizable, simple autocomplete widget with zero dependencies.
javascript  webdevelopment  userinterface  userexperience  forms  autocomplete 
february 2015 by garrettc
Kirby with Uniform
A plugin that allowed the easy implementation of a contact form on a Kirby powered website
kirby  webdevelopment  forms  staticsitegenerator 
february 2015 by garrettc
The Definitive Guide to GET vs POST
"Unfortunately there is a lot misuse of GET over POST and vice versa. Both HTTP methods can achieve the same goals, but an incorrect choice between them can lead to unexpected and potentially harmful outcomes."
http  webdevelopment  programming  restful  forms 
november 2014 by garrettc
Flat UI and Forms
Flat design can be taken too far and impact the affordance of forms.
webdesign  forms  userinterface 
october 2013 by garrettc
Another Case for Using Top Aligned Form Labels
As well as speed of completion, zooming on small screen devices and i18n efforts are affected by label placement.
webdesign  userinterface  forms  usability  research 
december 2011 by garrettc
Making beautiful forms; Square and Recurly
Nice examples of feedback and guiding the user on the the Square app.
webdesign  userexperience  userinterface  interaction  javascript  forms 
august 2011 by garrettc
Chosen - a JavaScript plugin for jQuery and Prototype - makes select boxes better
A JavaScript plugin that makes long, unwieldy select boxes much more user-friendly. Adds search-as-you-type to standard and multiple selects, converting the latter into tag-like functionality.
forms  userinterface  progressiveenhancement  javascript  jquery 
july 2011 by garrettc
Formalize CSS
Lightweight CSS framework (with a sprinkling of JS) for consistent cross browser forms.
css  javascript  jquery  webdesign  webdevelopment  forms 
july 2011 by garrettc
Styling Submit Buttons for Mobile Safari
Unless explicitly told Mobile Safari will change the appearance of form controls to resemble a native Apple control. This is how you stop it.
css  mobile  safari  iphone  webkit  webdesign  forms 
september 2010 by garrettc
A Form of Madness - Dive Into HTML5
New form features coming in HTML5, all of which you can use now with no ill effects in browsers that don't support them.
html5  forms  html  reference  webdevelopment 
may 2010 by garrettc
Plupload upload tool
From the developers of TinyMCE, a file uploader using HTML5 Gears, Silverlight, Flash, BrowserPlus or normal forms. Uses jQuery and a core API so you can build your own implementations.
jquery  javascript  html5  flash  forms  opensource  file  upload  tools 
february 2010 by garrettc
Ubercart: modifying checkout panes | stella | CivicActions
"…while it is easy to control checkout pane visibility, and even add your own, there's no simple way of modifying the forms contained within a checkout pane. This article will cover one solution on how to overcome this."
drupal  ubercart  php  forms 
november 2009 by garrettc
Functioning Form - Case Study: Fewer Input Fields Increases Conversions
"They found contact form conversions increased 120% when the number of fields was reduced from 11 to 4 (a 64% decrease)"
usability  forms  webdesign  userexperience  conversion  research  business  wdcs  wdcsintranet  data 
october 2009 by garrettc
Stop Password Masking
"Password masking has proven to be a particularly nasty usability problem in our testing of mobile devices, where typing is difficult and typos are common. But the problem exists for desktop users as well. "
usability  security  password  webdevelopment  userexperience  forms 
june 2009 by garrettc
Designing For Sign Up
Slides from Joshua Porter's talk at Websotck 2009
forms  signup  usability  registration  webdesign  userexperience  userinterface 
june 2009 by garrettc
Take control of error styling with a form-item-error class
Theme function to add custom classes to form elements with errors.
drupal  error  theme  phptemplate  php  forms 
june 2009 by garrettc
Previous and Next Actions in Web Forms
"Among designers, there are often discussions on the placement of actions in web forms that span several web pages."
userexperience  userinterface  workflow  forms  navigation 
january 2009 by garrettc
Beautify your Drupal forms
Nice tweaks to Drupal's form rendering using the theme layer and jQuery.
usability  userexperience  userinterface  webdesign  drupal  theme  forms  torchbox 
january 2009 by garrettc
Horizontal User Login Block - Using CSS and jQuery
Useful theming tips to restyle and enhance the often clunky Drupal login box.
jquery  drupal  block  css  webdevelopment  torchbox  forms 
december 2008 by garrettc
Web Form Design Patterns: Sign-Up Forms
How to reduce drop outs and guide people to completetion on sign-up
usability  survey  research  userinterface  forms  userexperience  webdesign  webdevelopment 
november 2008 by garrettc
AnchorButtons Demo Page
Cross browser method for using the <button> element for visually rich and expressive form buttons. Dave Shea does it again.
html  css  forms  markup  style  userinterface 
september 2008 by garrettc
wmd - The Wysiwym Markdown Editor
A simple, lightweight HTML editor that uses Markdown as it's intermediate layer.
application  browser  cms  code  development  editing  formatting  javascript  layout  markdown  opensource  plugin  resource  text  wysiwym  editor  forms  tools 
june 2008 by garrettc
Advancing Advanced Search
Ideas and tips on how to improve the utility of an advanced search option.
userexperience  userinterface  search  findability  filter  forms  gui  hci  interaction  webdevelopment 
january 2008 by garrettc
Best Practices for Form Design
Comprehensive overview of all the factors that you need to take into account when developing forms.
css  design  usability  userinterface  research  presentation  development  forms 
december 2007 by garrettc
Better Web Forms
Garrett Dimon redesigns eBay's registration form.
design  usability  ebay  userexperience  webdevelopment  forms 
november 2007 by garrettc
Dynamic Help in Web Forms
Different ways to present inline help to users filling in forms. Contains a couple of interesting techniques I'd not come across before.
accessibility  bestpractice  code  design  documentation  forms  interaction  interface  usability  help  webdevelopment  userinterface 
may 2007 by garrettc
GUUUI - How to make users abandon forms
5 tips to ensure your call centre is overrun with callers.
forms  usability  userexperience  webdevelopment 
april 2006 by garrettc
Juicy Studio: Form Help without Popups
Nice elegant solution to providing help text in forms without resorting to popups. Uses javascript.
accessibility  forms  html  usability  javascript  userexperience 
october 2005 by garrettc
Styled Checkboxes
Nifty use of CSS/JS to style radio buttons and check boxes
code  css  design  forms  howto  html  interface  javascript  markup  style  webdevelopment  technique  tips  tricks 
july 2005 by garrettc
LukeW: Web Application Form Design
Very good article about how to build usable web forms
forms  xhtml  design  userinterface  html  css  webdevelopment 
february 2005 by garrettc

Copy this bookmark:





to read