Form style web generator

Hola bienvenidos a este espacio de cosas cotidianas en relación con recursos de programación y problemas relacionados con eso.

En este pequeño artículo inicial vamos a tocar un tema que a los desarrolladores nos viene no tan bien, y es el embellecer nuestros toscos formularios web, que sí funcionan, sin más esfuerzo.

Tenemos el generador online de hojas de estilo para nuestro formulario: Form Style Web 2.0 Generator - una herramienta útil para dar los primeros toques, luego puedes jugar con las opciones y armar tus propias combinaciones más personalizadas.




En la parte izquierda justo después de la publicidad del scriptcase, tenemos el primer paso a utilizar que se llama 1) Design; mediante criterios simples lo que debemos hacer es elegir los efectos que queremos tener en nuestro css, tales como fondo de controles, bordes, fuentes y colores de las cajas de texto, fuentes y colores de las etiquetas, de los controles no apuntados y del control enfocado actual.

A medida que vamos variando los atributos descritos, tanto en el color como en el efecto en la parte superior derecha podemos ver en tiempo real los cambios seleccionados, que nos permitirá tener un "look and feel" previo a cualquier prueba.

Una vez terminado de elegir los efectos podemos descargar el código css, listo para poder pegarlo en nuestro proyecto web además de las imágenes si es que le damos efectos que las utilizan.

y Bueno con esto no es todo, finalmente debemos aplicarlos sobre nuestro formulario o controles en los que vamos a utilizarlas.

Por ejemplo si es una etiqueta probablemente quede de la siguiente manera: Nombre:.

Esta aplicación en línea es muy útil para simplificar el procesod e diseño de formularios. la facilidad es que te permite ver el resultado en línea y descargar el código junto con las imágenes. Vale la pena probarla y revisar si tiene futuro en la lista de aplicativos útiles de nuestro portafolio de desarrollo.