Niceforms

Publicado el 26 Julio, 2005 | Web, Diseño, Web 2.0

¿Cuál es la diferencia entre estos dos formularios de una web?

Creo que los dos coincidimos en que el de la derecha es mucho más bonito.

¿Cómo se hace? En bad boy nos lo explican, más bien por encima, aunque nos dan el código para que podamos incorporarlo a nuestra web. La técnica, así por encima, consiste en utilizar Javascript para recorrer el árbol DOM de la página, identificar todos los formularios y ocultarlos, mostrando unos nuevos con el estilo mejorado, definido por nosotros mismos.

Se puede obtener el código y utilizar libremente. Por supuesto presenta el problema del Javascript: no todos los navegadores serán compatibles y podemos encontrarnos con que en lugar de una web, se vea un churro, pero la moda tiene un precio, ya se sabe.

Para ver si va en vuestro navegador, podéis ver la demo que tiene montada el autor.

El próximo día contaré cómo lo he añadido en el blog.

13 Comentarios en “Niceforms”

Feed de este post Dirección para el Trackback Envía este post

1 drask 26 Jul, 2005 a las 2:35 pm

Muchas gracias Fernando, mu facil ponerlo,
2 molgar 26 Jul, 2005 a las 3:46 pm

Supongo que no tardarán en sacar un scrip para Greasemonkey que haga esto mismo, o eso espero :p
3 David 26 Jul, 2005 a las 4:55 pm

Mu wapo, mu wapo. Seguramente lo pondre pa un futuro cambio ;)

saludetes
4 javipas 27 Jul, 2005 a las 12:09 pm

Buen apunte Fer. Si algún día meto formularios lo utilizaré :-)
5 Moisés Cabello 27 Jul, 2005 a las 1:16 pm

Vaya, ¡muy bueno! Pensaba que era un cambio de forms del navegador como los que hay para firefox pero no…
6 Fernando 27 Jul, 2005 a las 4:33 pm

Gracias. La verdad es que queda muy resultón.

Lo mejor es, que aunque en este diseño estén un poco “pegados” y no haya mucha integración, esto mismo bien hecho ha de quedar impresionante.
7 con_una_modorra_intelectual_congénita... 28 Jul, 2005 a las 11:20 pm

Pero creo que le falta un poco de padding en las cajas, al menos en la izquierda, porque se me pegan las letras… jaja

Queda muy bien, pero si es para tu sitio web en concreto… ¿por qué no hacerlo ya desde el css?
8 iOne 2 Ago, 2005 a las 4:40 pm

Bueno, siempre se podría hacer con CSS y adaptarlo al diseño de tu web. Es muy bonito y tal, pero no pega en todos sitios.
9 bicherele 9 Ago, 2005 a las 2:51 pm

Yo le he encontrado un fallo de usabilidad en navegadores Internet Explorer.
Los checkbox y radiobox no son clickables, solo el texto. Con lo que el usuario intenta clickar en el cuadrito y cree que no funciona. Es una tontería pero otros metodos que hacen lo mismo funcionan mejor:
Enhanced Form Widgets
Total… es aplicar imagenes en selectores CSS de formularios pero llevado al extremo.
10 Fernando 10 Ago, 2005 a las 4:01 pm

Mmmm, gracias. La verdad es que tengo el Explorer un poco olvidado, y sin embargo, sigue siendo una parte importante de las visitas. En concreto esto es lo que me muestran las estadísticas:

Crawler/Search Engine Indeterminable 16%
Mozilla 1.2.1 16%
Firefox 1.0.4 12%
Internet Explorer 6.0 6%
Mozilla Indeterminable 3%
Firefox 1.0.6 2%
Netscape 6.2.1 2%
Konqueror 3.4 1%
Firefox 1.0 1%
Firefox 1.0.3 1%
Internet Explorer 5.0 1%
Internet Explorer 5.5 1%