martes, octubre 02, 2012

Heramienas en javascript para acelerar la creación y mejorar los formularios



Cuando nos enfrentamos al desarrollo de formularios, los cuales se deben resolver rápidamente y debe tener determinadas características, nos vuelve a nosotros cientos de sitios que visitamos con diferentes "plugins" y herramientas que nos podrían servir.



Sin embargo, arrancamos a navegar y se nos cruza por la cabeza ideas y vamos agregándole características que de a poco nos va cerrando.
Este proceso nos lleva tiempo, bastante y ni pensar en herramientas que no se lleguen a integrar perfectamente.
Ese fue mi caso, y bueno ahora como simple reducción de tiempo, deseo compartir algunas herramientas que vienen a suplir la necesidad de buscar (es obvio que lo que usamos anteriormente, no llegamos a guardarlo)
Resumo algunas herramientas interesantes






Ideal Forms es un framework para la consutrcion y validacion de formularios en HTML5 y apuntando al concepto de responsive web design.

Caracteristica:
Completamete responsive
Soporte de teclado
Inputs personalizable para select, radio, checkbox y file
Calendario personalizado usando jQuery UI (con fallback)
Validacion "Sobre Item o On the spot"
Localization
Texto de sugerencia para HTML5

Soporte para:
IE8+, Webkit, Firefox, Opera, iOS5+, Android 4.0+
jQuery: 1.7+, UI 1.8+
Licencia: GPL or MIT



JQuery File Upload


Caracteristicas
Soporta subida Multiple (file upload)
Soporte Drag & Drop
Barra de progreso para las subidas.
Subidas Cancelables
Permite recontinuar subidas.
Permite subida por bloques
Cambio de tamaño del lado de cliente para las imagenes. Resize.
Soporte imagenes previa
No se necesitan plugins extra, como Flash.
Subida via XMLHttpRequests si soporte y empleo de iframes como fallback para navegadores sin soporte.

Requerimientos:
jQuery v. 1.6+
jQuery UI widget factory v. 1.8+
jQuery Iframe Transport plugin (included)
JavaScript Templates engine v. 2.1.0+ (optional)
JavaScript Load Image function v. 1.1.6+ (optional)
JavaScript Canvas to Blob function v. 2.0.0+ (optional)
Bootstrap CSS Toolkit v. 2.0+ (optional)




Validar los dominios de email? mas facil que emplear Kicksend email, no hay. Altamente recomendable.

Si queres agregar autocomplete, recomiendo que evalues esta opcion TextJS

Sin embargo existe un Framework mas completo, o al menos integra la mayoria de los elementos básicos para la creacion de formularios como es el de 99Lime
Es bueno que den una ojeada a Kickstart

Espero les sirva, Saludos! @designsitioweb



No hay comentarios: