Official Google Webmaster Central Blog: Making form-filling faster, easier and smarter
january 2012 by ohskylab
Note to <input x-autocompletetype=email> http://t.co/txxGGiuY beware Tim Berners-Lee’s standards-avenging ninjas bit.ly/vZvzrY
web
forms
autocomplete
from instapaper
january 2012 by ohskylab
Safari Web Content Guide: Designing Forms
january 2012 by ohskylab
Useful but non-validating attributes for forms.
web
safari
ios
forms
autocorrect
autocapitalize
january 2012 by ohskylab
Uniform - Sexy forms with jQuery
december 2011 by ohskylab
"Have you ever wished you could style checkboxes, drop down menus, radio buttons, and file upload inputs?" Not really, no.
web
css
forms
javascript
jquery
december 2011 by ohskylab
Niceforms :: Personal projects :: Emblematiq
december 2011 by ohskylab
"Niceforms is a script that will replace the most commonly used form elements with custom designed ones." Oh dear.
web
css
forms
javascript
jquery
december 2011 by ohskylab
How to style Google Forms | Morning Copy
september 2011 by ohskylab
Lazy man's data capture.
css
forms
google
googledocs
september 2011 by ohskylab
Customize Google Docs Forms
september 2011 by ohskylab
More bad, bad hacks.
forms
google
googledocs
web
september 2011 by ohskylab
Chosen - a JavaScript plugin for jQuery and Prototype - makes select boxes better
july 2011 by ohskylab
"A JavaScript plugin that makes long, unwieldy select boxes much more user-friendly. It is currently available in both jQuery and Prototype flavors."
javascript
jquery
forms
select
from delicious
july 2011 by ohskylab
pydanny/django-uni-form - GitHub
march 2011 by ohskylab
Django implentation of Uni-form.
django
forms
uni-form
web
from delicious
march 2011 by ohskylab
SonSpring | Formalize CSS
october 2010 by ohskylab
A nice-looking bit of CSS, markup and script for standardising forms.
css
design
forms
jquery
html
web
october 2010 by ohskylab
Plupload - A tool for uploading files using Flash, Silverlight, Google Gears, HTML5 or Browserplus
february 2010 by ohskylab
"Allows you to upload files using HTML5 Gears, Silverlight, Flash, BrowserPlus or normal forms, providing some unique features such as upload progress, image resizing and chunked uploads."
web
tools
javascript
ajax
flash
forms
jquery
upload
html5
opensource
plugins
tinymce
gears
february 2010 by ohskylab
Log in or sign up? - Leah Culver's Blog
november 2009 by ohskylab
"Sometimes I put my log in information into the register fields."
"Me too! I hate that not only do I feel stupid, I have to retype everything again."
via:smitchio
web
design
usability
ux
forms
registration
login
"Me too! I hate that not only do I feel stupid, I have to retype everything again."
november 2009 by ohskylab
Functioning Form - Case Study: Fewer Input Fields Increases Conversions
october 2009 by ohskylab
"[Imaginary Landscape] performed a comparison of an 11-field Contact Us form with a 4-field Contact Us form. They found contact form conversions increased 120% when the number of fields was reduced from 11 to 4 (a 64% decrease)." Not surprising but metrics are useful.
design
usability
metrics
forms
ux
web
october 2009 by ohskylab
Carsonified » The Definitive Guide to GET vs POST
august 2009 by ohskylab
"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."
web
development
forms
security
http
august 2009 by ohskylab
Web Usability - Accessible Forms using WCAG 2.0
may 2009 by ohskylab
""Accessible Forms using WCAG 2.0" is the first of a series of documents to help web professionals use the Web Content Accessibility Guidelines Version 2.0 to develop accessible websites."
web
accessibility
usability
forms
wcag2
standards
may 2009 by ohskylab
Recreating the button | stopdesign
february 2009 by ohskylab
"The buttons we’re using are imageless, and they’re created entirely using HTML and CSS, plus some JavaScript to manage the behavior. They’re also easily skinnable with a few lines of CSS"
web
css
javascript
google
forms
usability
ux
february 2009 by ohskylab
The $300 Million Button
january 2009 by ohskylab
"We were wrong about the first-time shoppers. They did mind registering. They resented having to register when they encountered the page. As one shopper told us, 'I'm not here to enter into a relationship. I just want to buy something.'"
web
design
usability
shopping
forms
ecommerce
registration
roi
january 2009 by ohskylab
jQuery Form Plugin
october 2008 by ohskylab
"Allows you to easily and unobtrusively upgrade HTML forms to use AJAX. The main methods, ajaxForm and ajaxSubmit, gather information from the form element to determine how to manage the submit process."
jquery
ajax
web
forms
plugins
october 2008 by ohskylab
Survs - Collaborative Online Survey Tool, Web Survey Software
september 2008 by ohskylab
"A collaborative tool that enables you to create online surveys with simplicity and elegance."
web
tools
forms
surveys
september 2008 by ohskylab
A List Apart: Articles: Sign Up Forms Must Die
march 2008 by ohskylab
"I believe we can get people engaged with digital services in a way that tells them how such services work and why they should care enough to use them. I also believe we can do this without explicitly making them fill out a sign-up form as a first step."
usability
forms
design
web
interface
engagement
alistapart
lukewroblewski
march 2008 by ohskylab
Functioning Form - Web Form Design: Corgi
march 2008 by ohskylab
Ends with some excellent form design tips.
web
forms
ux
usability
march 2008 by ohskylab
Ecommerce Registration Usability Tips - Get Elastic Ecommerce Blog
january 2008 by ohskylab
"My personal experience registering for 87 accounts with the top online retailers and offer some tips for registration form design."
accessibility
ecommerce
forms
registration
ui
usability
web
january 2008 by ohskylab
Advancing Advanced Search - Boxes and Arrows: The design behind the design
january 2008 by ohskylab
"Advanced search functionality has not significantly developed in years. Poor matches and overwhelming search results remain a problem for users. Perhaps the standard search pattern deserves a new look."
boxesandarrows
forms
web
ux
usability
interface
ia
search
advanced
january 2008 by ohskylab
8 More Design Mistakes with Account Sign-in
january 2008 by ohskylab
"Eight additional mistakes we've seen as we watch users try to create accounts and sign into the site."
usability
ux
design
forms
login
ia
january 2008 by ohskylab
outbreak » Messing up the interface (written on December 13th, 2007 by Marko Mrdjenovic)
january 2008 by ohskylab
"Let’s say you’re designing an interface for a contact form. There are a lot of people involved in the problem and they all have their own issues they want resolved." Contrived but useful example of how forms can get compllicated.
forms
ux
ia
web
january 2008 by ohskylab
SAKUZAKU » Blog Archive » I’ve Reached My Limit: Approaches to Character Limit Cutoffs
january 2008 by ohskylab
"In real life, it’s important (and polite) not to obtrusively interrupt someone when they’re in the middle of something, and, of course, this carries over to website usability as well. So, how should we enforce form field character limits [...] ?
forms
ux
ia
usability
web
january 2008 by ohskylab
Creating Accessible Forms | Stanford Online Accessibility Program
december 2007 by ohskylab
"There are a number of factors that contribute to the accessibility and usability of forms, including layout, labeling and grouping."
accessibility
forms
web
december 2007 by ohskylab
Using Images as Labels in Internet Explorer - Snook.ca
october 2007 by ohskylab
"Internet Explorer [...] has a bug where clicking on an image inside a label tag does nothing [...] What I've done is put together a quick bit of unobtrusive JavaScript to "fix" the problem." Nasty, but if you have images as labels...
web
forms
labels
unobtrusive
javascript
hacks
october 2007 by ohskylab
Undo Form Reset for kids who can’t reset good - Article - andrewingram
october 2007 by ohskylab
"Occasionally we all accidentally hit the reset button on a web form and lose all of what we just spent time typing out. I’ve written a little bit of javascript that makes it possible to recover from these disasters."
forms
jquery
javascript
undo
unobtrusive
web
october 2007 by ohskylab
Web Application Form Design
september 2007 by ohskylab
"Variations in the alignment of input fields, their respective labels, calls to action, and their surrounding visual elements can support or impair different aspects of user behavior."
web
forms
usability
ui
ia
september 2007 by ohskylab
Styling File Inputs with CSS and the DOM // ShaunInman.com
september 2007 by ohskylab
"File inputs are the bane of beautiful form design. [...] This simple, three-part progressive enhancement provides the markup, CSS, and JavaScript to address the long-standing irritation."
css
javascript
forms
web
progressive
enhancement
unobtrusive
september 2007 by ohskylab
LukeW: Primary & Secondary Actions in Web Forms
august 2007 by ohskylab
"Because secondary actions can have negative consequences, especially when used unintentionally, I’ve often argued they should be absent from forms.[...]That said there are situations where secondary actions make sense."
forms
usability
web
eyetracking
ux
heatmap
research
august 2007 by ohskylab
fValidator - An open source (free) unobtrusive javascript tool for easy handling form validation
may 2007 by ohskylab
"An open source (free) unobtrusive javascript tool for easy handling form validation." Looks ok, but shame it's Mootools and not jQuery (making it useless for us).
javascript
validation
forms
library
mootools
web
development
may 2007 by ohskylab
Form field hints with CSS and JavaScript (Ask the CSS Guy)
april 2007 by ohskylab
"It's a basic example of how helpful a little JavaScript and CSS can be in a form. Instead of the input hints always showing and potentionally cluttering a very simple form, only the hint for the currently focused input will show."
css
javascript
forms
web
validation
april 2007 by ohskylab
Uni-Form
march 2007 by ohskylab
"Uni-Form is an attempt to standardize form markup (xhtml) and css, "modularize" it, so even people with only basic knowledge of these technologies can get nice looking, well structured, highly customizable, semantic, accessible and usable forms."
css
forms
web
ui
template
development
march 2007 by ohskylab
Improve your forms using HTML5! - Opera Developer Community
march 2007 by ohskylab
"This article shows some of the new functionality of the proposed form chapter of HTML5: Web Forms 2."
html
html5
forms
web
validation
opera
xforms
march 2007 by ohskylab
Styling form controls with CSS, revisited | 456 Berea Street
january 2007 by ohskylab
"224 screenshots showing the effects of various CSS rules applied to form controls."
css
forms
web
january 2007 by ohskylab
A List Apart: Articles: Making Compact Forms More Accessible
december 2006 by ohskylab
"Forms pose a series of usability and accessibility challenges, many of which are made more complex when you need to build a form to fit into a small space."
css
accessibility
forms
javascript
web
alistapart
ui
usability
december 2006 by ohskylab
Nidahas » Forms markup and CSS - Revisited
december 2006 by ohskylab
"A flexible, semantically correct, and dare I say, accessible template to which such features could be readily applied."
css
forms
accessibility
web
xhtml
development
december 2006 by ohskylab
Digital Web Magazine - Push my <code>button</code>
december 2006 by ohskylab
Read the comments for this article - button is best avoided.
css
button
forms
web
december 2006 by ohskylab
Functioning Form - Web Application Form Design Expanded
december 2006 by ohskylab
"There was a large amount of interest in last month’s Web Application Form Design article, so I decided to provide some additional details."
forms
usability
design
web
ia
ui
december 2006 by ohskylab
Label Placement in Forms :: UXmatters
december 2006 by ohskylab
Evaluating label placement in forms with eyetracking.
usability
forms
design
ui
eyetracking
ia
web
december 2006 by ohskylab
Smashing Magazine | Blog Archive » CSS-Based Forms: Modern Solutions
november 2006 by ohskylab
"Modern solutions a web-developer can use [when] designing his/her next css-based form."
css
forms
design
usability
form
web
ui
november 2006 by ohskylab
Web Access Centre Blog :: Too much accessibility - FIELDSET LEGENDS
november 2006 by ohskylab
"Choose LEGEND text that is:Concise: between 1 and 6 words; Relevant: to every single form field in the FIELDSET; Seamless: in that the words chosen for the LEGEND should make sense when joined to each label phrase."
accessibility
fieldset
legend
forms
web
november 2006 by ohskylab
Styled Checkboxes and Styled Radio Buttons | formStyle
october 2006 by ohskylab
"Accessible, pretty forms developed by Philip Howard"
css
javascript
forms
html
web
accessibility
october 2006 by ohskylab
Selecting country names in forms | 456 Berea Street
august 2006 by ohskylab
More comments on previous link
accessibility
country
forms
usability
web
august 2006 by ohskylab
Bruce Lawson’s personal site : Forms: inputting country names
august 2006 by ohskylab
"The most accessible, user-friendly way to receive input that a user incontravertibly knows is to ask the user to type their response into a free-text field, rather than require them to select it."
accessibility
country
forms
usability
web
august 2006 by ohskylab
Really easy field validation with Prototype * Dexagogo
may 2006 by ohskylab
"I wanted a robust javascript validation library that was simple to implement and didn't require me do any extra work other than creating the form. My favourite idea for a method of doing this is to utilise the field elements' class attribute to indicate
forms
effects
css
javascript
library
usability
validation
web
prototype
may 2006 by ohskylab
Using size to size inputs | Bite Size Standards
april 2006 by ohskylab
"Due to its seemingly presentational nature not many designers use it, opting to set the width using CSS instead. [However], 'size' is not presentational."
css
forms
xhtml
web
size
april 2006 by ohskylab
Creative Latitude: Resources: Downloads
march 2006 by ohskylab
"CreativePublic is your one-stop shop for quality forms, contracts, employee manuals, company policies and pricing for graphic designers. Download free samples."
art
business
work
forms
freelancing
lifehacks
marketing
web
march 2006 by ohskylab
Communicating error messages accessibly - Standards-schmandards
august 2005 by ohskylab
"Proposal for accessible error messages"
accessibility
usability
web
forms
errors
ui
august 2005 by ohskylab
Mozilla Update :: Extensions -- More Info:SubmitToTab - All Releases
august 2005 by ohskylab
"Allows you to submit a form to a new tab or window."
mozilla
firefox
extensions
forms
submit
tabs
august 2005 by ohskylab
related tags
37signals ⊕ accessibility ⊕ advanced ⊕ ajax ⊕ alistapart ⊕ applications ⊕ art ⊕ article ⊕ autocapitalize ⊕ autocomplete ⊕ autocorrect ⊕ autosave ⊕ boxesandarrows ⊕ business ⊕ button ⊕ buttons ⊕ captioning ⊕ checkbox ⊕ clark ⊕ cms ⊕ country ⊕ css ⊕ design ⊕ development ⊕ django ⊕ dom ⊕ ecommerce ⊕ effects ⊕ engagement ⊕ enhancement ⊕ errors ⊕ extensions ⊕ eyetracking ⊕ fieldset ⊕ firefox ⊕ flash ⊕ fonts ⊕ form ⊕ forms ⊖ freelancing ⊕ gears ⊕ google ⊕ googledocs ⊕ hacks ⊕ heatmap ⊕ highrise ⊕ html ⊕ html5 ⊕ http ⊕ i18n ⊕ ia ⊕ image ⊕ images ⊕ interaction ⊕ interface ⊕ ios ⊕ jaredspool ⊕ javascript ⊕ joe ⊕ jquery ⊕ labels ⊕ layout ⊕ layouts ⊕ legend ⊕ library ⊕ lifehacks ⊕ links ⊕ lists ⊕ login ⊕ lukewroblewski ⊕ marketing ⊕ metrics ⊕ mootools ⊕ mozilla ⊕ navigation ⊕ opensource ⊕ opera ⊕ php ⊕ plugin ⊕ plugins ⊕ programming ⊕ progressive ⊕ prototype ⊕ radio ⊕ registration ⊕ replacement ⊕ research ⊕ resources ⊕ rest ⊕ roi ⊕ safari ⊕ screenreaders ⊕ search ⊕ security ⊕ select ⊕ shopping ⊕ sisyphus ⊕ size ⊕ smarty ⊕ standards ⊕ submit ⊕ subtitling ⊕ surveys ⊕ tabs ⊕ template ⊕ templates ⊕ text ⊕ textarea ⊕ tinymce ⊕ tools ⊕ tutorials ⊕ typography ⊕ ui ⊕ undo ⊕ uni-form ⊕ unobtrusive ⊕ upload ⊕ usability ⊕ ux ⊕ validation ⊕ via:alastc ⊕ via:smitchio ⊕ wcag2 ⊕ web ⊕ work ⊕ xforms ⊕ xhtml ⊕ xml ⊕Copy this bookmark: