Maquetar usando “tablas” en HTML5

Maquetar a veces es truculento al usar FLOAT y tener cuidado de hacer CLEAR:BOTH al terminar. Esto se puede poner un poquito complicado con layouts grandes y de muchas columnas. Acabo de ver una tecnica de HTML 5 para usando “tablas” hacer esto de manera mas rapida y efectiva.

Se definen los ID del contenedor que sera la “Tabla”, luego el ID de cada contenedor que sera el “TR” de dicha tabla. Con CSS3 se da el ancho y el atributi “table-cell” con lo que el navegador sabe que queremos maquetar y de que manera.

He aqui la imagen y el codigo que muestra la manera tan genial como trabaja esto, aun faltan algunos meses para que se implemente el HTML5 de manera total en la mayoria de los navegadores pero tiene un futuro prometedor. Menos tiempo para maquetar nos ayuda a tener mas tiempo para crear contenidos y diseñar.😀

Ver mas: Maquetar con trablas en HTML 5
maquetar web usando tablas en HTML 5

.

Acerca de Emmanuel Vargas @sdgestudio

Graphic Designer currently working with user interface for web applications using dojo toolkit, jQuery in a java environment. Photographer interested in portrait, experimental and photo-journalism for social events. www.sdgestudio.com you can find me in G+

Un Comentario

  1. Pingback: Articulo Indexado en la Blogosfera de Sysmaya

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: