Photoshop y Tutoriales

Los formularios suelen ser aspectos un tanto descuidados, sobre todo porque, como diseñador, solemos pensar que estos serán utilizados únicamente en la página de contactos de nuestra página web, cuando en la realidad, y estoy seguro que ya sabes esto, una página de contactos bien diseñada puede aumentar las posibilidades de recibir más cotizaciones y/o comunicación con el cliente.

En los tutoriales de diseño de paginas web, que forman parte del curso de html gratuito de este blog, te mostré como crear formularios y modificarlos con CSS, las modificaciones las hacíamos, en los tutoriales, aplicando clases que luego eran llamados directamente sobre los campos a modificar.

¿Pero que harías si ya existieran en internet herramientas que te facilitaran el proceso de escribir el css de los formularios?, ¿seria de gran ayuda verdad?, pues eso mismo te voy a mostrar en este post, 3 herramientas que con ayuda de unos Scripts hechos con JS + CSS alteramos radicalmente el aspecto de los formularios de nuestra pagina web, no solo eso, luego de descargarlos puede alterar las reglas CSS para presonalizar y ajustar los colores con los colores de tu página web.

Niceforms [website]

Funciona con un método no intrusivo para embellecer tus formularios. Al decir No intrusivo se refiere a que los archivos CSS y JS se encuentran en una carpeta independiente y lo unico que deberás hacer es invocar a estos archivos desde el código html de tu formulario.

Formalize [website]

Formalize es más un Framework que un plugin Jquery, lo que lo hace fantástico es que no depende de ninguna libreria jquery en particular, sino que puede ser utilizada con Dojo, ExtJS, jQuery, MooTools, Prototype, y YUI.

Igual que Niceforms, para utilizar formalize solo debes invocar los archivos css + js que utiliza:

Uniform [website]

Uniform, es un plugin Jquery que te permitirá embellecer el formulario de tu website con muy poco esfuerzo de tu parte, y si te sientes cómodo con Jquery esta opción te agradará más.

He enlazado a la fuente de estas herramientas, no he querido vincular directamente el archivo de descarga puesto que estas herramientas /  frameworks / plugins tienden a ser actualizadas regularmente.

Estoy seguro que como desarrollador web estas herramientas te serán de mucha ayuda, puesto que te ahorrarán mucho tiempo de diseño con los CSS.

Te podria interesar:

1. Como validar formularios web con Dreamweaver CS4
2. 5 ejemplos de elegantes paginas web hechas con CSS
3. Videos tutoriales gratuitos para diseño de paginas web con html, aprende como hacer una pagina web en html y CSS
4. Plantillas CSS para maquetacion web, gratis +700 CSS layouts
5. Incluir mapa de ubicacion en tu web con plugins Jquery

Tags: css, desarrollador web, Diseño Web, formularios, herramientas, html, js, pagina web