« Cobacho 2.0. Sólo un buen lavado de cara.
La Colour Contrast Analyser Firefox Extension nos saca los colores »

CSS Manía. Di adiós a las tablas

por Juan Carlos García, 13 de Febrero de 2006

CSS Manía es una web/bitácora que se dedica a recopilar cientos de sitios diseñados con CSS.

CSS Manía

Un buen lugar para inspirarse o, simplemente, pasar un buen rato viendo buenos y originales diseños a base de CSS.

Si aún pensabas en usar tablas para maquetar ya te puedes ir olvidando. Por falta de buenos ejemplos e ideas no será.

Además, como la mayoría están hechos en base a un alto grado de respeto a los estándares, son sitios bastante accesibles sin siquiera proponérselo.

Di adiós a las tablas para maquetar.

Actualización: Si no tienes bastante, ahí van varias sugerencias (algunas recibidas desde los comentarios):

Archivado en Diseño web, Estándares

Puedes suscribirte a los comentarios mediante el canal RSS 2.0

Puedes hacer un comentario. Puedes enviar referencias a la dirección de trackback.

6 comentarios en “CSS Manía. Di adiós a las tablas”

  1. gOOtish » Adiós tablas, adiós. 13 de Febrero de 2006 a las 9:19 pm

    [...] (Vía) [...]

  2. Lucas 14 de Febrero de 2006 a las 9:15 am

    ¿Realmente se puede hacer un diseño CSS y respetar el estándar? yo creo que no, por lo menos si la web quieres que se vea igual en todos los navegadores o por lo menos en la mayoría tienes que tirar de Hacks y salirte del estándar, eso se puede comprobar en la mayoría de los diseños que se pueden ver en Zen Garden http://www.csszengarden.com/ o en CamaleónCSS http://www.camaleoncss.com/. O bien diseñar para que quede bonito en IExplorer y desear que se vea igual en el resto, cosa que no ocurrirá. Esto pasa porque IE no respeta el CSS estándar, pasa de los margin, no soporta cosas como max-width, las trasparencias de los PNG sólo cargando un ActiveX y si no está activado se ven horribles.

    Por supuesto maquetar sin tablas es mucho más configurable ya que puedes cambiar completamente el estilo de una página, pero el poder echar mano de una tabla para adaptar un texto a dos columnas por ejemplo sin tener que definir un nuevo estilo creo que nunca está de más.

  3. Juan Carlos García 14 de Febrero de 2006 a las 9:45 am

    No, hombre no, esto no funciona así. La web no está hecha para que “se vea igual en todos los navegadores”, debemos perseguir que se vea “bien” en todos.
    Se puede hacer bien con CSS, sí, pero hay que cuidar algunas cosicas más.
    Esta página (úsalo) aún da algún problemilla, pero está hecha con CSS. Sí, esta es simple, pero también se pueden hacer páginas más complejas a base de CSS.
    Y el Zen garden ese me parece más una broma, una forma de mostrar que se puede hacer inaccesible un sitio aunque formal o técnicamente pase las validaciones automáticas. Por tanto, hay que hacer revisión humana

  4. sasa eh 14 de Febrero de 2006 a las 8:59 pm

    Más referencias del estilo:
    CSS Beauty (http://www.cssbeauty.com/)
    CSS Vault (http://cssvault.com/)

  5. Juan Carlos García 15 de Febrero de 2006 a las 12:16 am

    Gracias

  6. GaBuBu 15 de Febrero de 2006 a las 1:29 pm

    Gracias por la referencia Juan Carlos.

Deje un comentario