Videocast 4: formulario

8/abr/2010 7

Tenía hace unos meses preparado un nuevo videocast para ayudar a quienes están aprendiendo a maquetar en HTML+CSS a realizarlo con campos de formularios. Lejos es lo más complicado que me ha tocado perfeccionar, pero se trata principalmente de practicar y de realizar la mayor cantidad de variaciones posibles para lograr un buen manejo de las etiquetas y conocer cómo se comportan en los diferentes browsers. A modo de ejemplo, la siguiente imagen grafica un mismo archivo HTML con diferentes tipos de <input /> con diferentes estilos en diferentes browsers:

Diferencias de input entre browsers - CSSLab.cl

En esta ocasión el layout es bastante simple, uno típico que encontrarás en cualquier sistema de comentarios para blogs. Pero es un buen puntapié para que veas de qué se trata esto. Además, contiene las etiquetas fundamentales y más utilizadas para capturar datos de usuarios.

Descargar el material utilizado

Comentarios

  1. Alex [#]

    Los formularios son realmente deseperantes. Excelente el videocast por cierto.

  2. Twitter Trackbacks for CSSLab - Videocast 4: formulario [csslab.cl] on Topsy.com [#]

    […] CSSLab – Videocast 4: formulario http://www.csslab.cl/2010/04/08/videocast-4-formulario – view page – cached Tenía hace unos meses preparado un nuevo videocast para ayudar a quienes están aprendiendo a maquetar en HTML+CSS a realizarlo con campos de formularios. Lejos es lo más complicado que me ha tocado perfeccionar, pero se trata principalmente de practicar y de realizar la mayor cantidad de variaciones posibles para lograr un buen manejo de las etiquetas y conocer cómo se comportan en los… Read moreTenía hace unos meses preparado un nuevo videocast para ayudar a quienes están aprendiendo a maquetar en HTML+CSS a realizarlo con campos de formularios. Lejos es lo más complicado que me ha tocado perfeccionar, pero se trata principalmente de practicar y de realizar la mayor cantidad de variaciones posibles para lograr un buen manejo de las etiquetas y conocer cómo se comportan en los diferentes browsers. A modo de ejemplo, la siguiente imagen grafica un mismo archivo HTML con diferentes tipos de con diferentes estilos en diferentes browsers: View page Tweets about this link Topsy.Data.Twitter.User[‘cazaresluis’] = {“location”:”México”,”photo”:”http://a3.twimg.com/profile_images/602599031/cazarestwitter_normal.jpg”,”name”:”Luis Cázares”,”url”:”http://twitter.com/cazaresluis”,”nick”:”cazaresluis”,”description”:”Papá, Esposo, Desarrollador Web CSS MySQL PHP, inclinación por la buena música House Dance Trance, internauta…”,”influence”:””}; cazaresluis: “RT @csslab: Nuevo videocast en CSSLab.cl: Videocast 4 formularios http://tinyurl.com/ydvf52k espero se lea escuche y entienda ” 55 minutes ago view tweet retweet Topsy.Data.Twitter.User[‘csslab’] = {“location”:”Santiago, Chile”,”photo”:”http://a1.twimg.com/profile_images/421241744/Photo_1_normal.jpg”,”name”:”csslab”,”url”:”http://twitter.com/csslab”,”nick”:”csslab”,”description”:”Jorge Epuñan, master of the puppets of CSSLab.cl”,”influence”:””}; csslab: “Nuevo videocast en CSSLab.cl: Videocast 4 formularios http://tinyurl.com/ydvf52k espero se lea escuche y entienda ” 3 hours ago view tweet retweet Filter tweets […]

  3. dubó [#]

    ODIO los formularios 😀 Gracias por el aporte, de verdad!

  4. dubó [#]

    Me tira error el zip. Lo bajé 2 veces con distintos managers.

  5. Jorge Epuñan [#]

    dubó: gracias, lo revisare y volvere a comprimir por si fue error del zip o del upload.

    Salu2.

  6. Gabriel [#]

    Bueno el aporte!!. yo no me complico uso una tabla para diagramar los formularios, y con css le doy la apariencia
    salu2

  7. charlescuellar [#]

    excelente post gracias

Responder a Jorge Epuñan ×

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

CSSLab