public marks

PUBLIC MARKS with tag form

October 2008

September 2008

Functioning Form - Previous and Next Actions in Web Forms

by greut

A recent lengthy discussion in the Interaction Design Association focused on the placement of actions in Web forms that span several Web pages. The quintessential question underlying this debate is: can an action which leads people to the previous step of a process be placed to the right of an action that leads users to the next step of a process?

yet another great article.

Juicy Studio: Label Positioning

by greut (via)

Forms that are laid out vertically with the prompts to the left of the form control have the advantage that the user can quickly scan down the left-hand side to determine what type of information they are required to provide. This is generally the best approach, although not always practical. For example, in languages such as German (emphasis added) where some words are a lot longer than others, it can create a situation where some prompts may be a long way from their associated form control, which obviously has an impact on usability. In these circumstances, positioning the prompt above the form control may be more appropriate.

bloddy German

Label Placement in Forms :: UXmatters

by greut & 5 others (via)

“Excessive distances between some labels and their input fields forced users unnecessarily to take more time to interact visually with the form.”

how form layout performs.

Panda - Open source video platform

by camel & 2 others
Panda is an open source solution for video uploading, encoding and streaming. Unlike other video platforms, Panda is not just a service for encoding your videos for the web; Panda handles the whole process. From the upload form to streaming, Panda takes control. By providing an elegant REST API, Panda makes it completely painless to implement full video uploading, encoding and streaming functionality to your web application in a matter of hours. * Runs completely within Amazon's Web Services utilising EC2, S3 and SimpleDB. * Everything contained within one elegant Merb application. * Support for the numerous encoding profiles FFmpeg supports including FLV, h264 for Flash a iPhone formats. * Panda gem for painless integration with Ruby on Rails and Merb. * Lovely little admin dashboard for managing your videos.

August 2008

Select multiple form fields - finding a better solution for multiple selection

by camel & 3 others (via)
Un plugin jQuery permet de sélectionner via une liste déroulante et d'ordonner les résultats : Select multiple avec le plugin jQuery asm C'est pas encore l'idéal mais ça reste une meilleure solution que celle implémentée par défaut dans les navigateurs, il serait temps de faire évoluer un peu certaines interfaces utilisateurs obsolètes...

July 2008

Web Form Design Best Practices | lukew.com

by simon_bricolo
Résumé de la présentation de Luke Wroblewski sur les meilleures pratiques pour un bon formulaire

Custom Checkboxes, Custom Radio Buttons, Custom Select Lists

by loneseb & 4 others
This JavaScript and CSS will allow you to use custom images for checkboxes, radio buttons and select lists.

jQuery Multiple File Upload Plugin v1.29 (2008-06-26)

by Conseil.Net Groupe I.D.A & 4 others
The Multiple File Upload Plugin (jQuery.MultiFile) is a non-obstrusive plugin for the jQuery Javascript library that helps users easily select multiple files for upload quickly and easily whilst also providing some basic validation functionality to help developers idenfity simple errors, without having to submit the form (ie.: upload files).

jQuery Multiple File Upload Plugin v1.29 (2008-06-26)

by camel & 4 others
The Multiple File Upload Plugin (jQuery.MultiFile) is a non-obstrusive plugin for the jQuery Javascript library that helps users easily select multiple files for upload quickly and easily whilst also providing some basic validation functionality to help developers idenfity simple errors, without having to submit the form (ie.: upload files).

PUBLIC TAGS related to tag form

article +   control +   css +   html +   reference +   w3c +   webdesign +