“Tables versus Full CSS Integration” (Vía Zeldman) es un artículo que ha captado un poco de atención lo cual es una desgracia ya que en si es muy malo, tan malo que te encuentras con algunas cosas increibles como:
What about W3C Standards and all the other stuff?
5. W3C standards are totally useless. What good are standards when browsers change so fast by adding new features every month? OR, the needs or demands of the users change with the latest killer app?
Mal muy mal. El artículo asegura que Yahoo, Apple, Amazon, Google, entre otros simplemente no validan, opr lo tanto no hay necesidad de que ninguno de nosotros lo hagamos. ¿Para que soportar standares si sitios famosos no lo hacen? — Me imagino que en un principio suena medianamente coherente, pero…
Como alguien diría por ahí: It’s the user stupid. La validación de tu diseño hace que el sitio sea vea correctamente en todos los navegadores actuales, y entendible en los navegadores viejos. Así que para cualquier diseñador web abrir el Dreamweaver y hacer un layout por tablas es lo más sencillo, a largo plazo se convierte en un problema cuando quieras actualizar el sitio. Y lo digo por experiencia propia, muchos de mis sitios todavía usan tablas y créanme, no veo el día en que me deshaga de ellas.
Lo que el artículo no dice: diseñar por medio de CSS es la forma más sencilla para cambiar el diseño de un sitio. Si lo vemos desde el punto de vista de un simple weblog es lo de menos, pero si quieres cambiar un sitio corporativo con 11,000 páginas el ahorro en costos para tu empresa es altísimo. Como ejemplo hay que leer de la experiencia que tuvo Dan Cederholm de Simplebits (que de hecho es su código el que uso para la navegación de este sitio).
La parte que más llama la atención es una coincidencia. Decloack vende un sistema de plantillas, para mantener separado el diseño del contenido y que además de todo, no ofrece soporte nativo de CSS, es como obvio: no soporto CSS por lo tanto, es malo.
Podría escribir párrafos y párrafos refutando y demostrando como cada uno de los puntos del artículo son verdades a medias y conceptos de diseño del web conocidos por todos pero un poco modificados para darles razón, pero ese no es el chiste, de hecho es completamente obvio. Mejor dejo algunos puntos importantes a considerar de por qué diseñar en CSS es mejor, y no dejarse llevar por el artículo que lo veo mencionado por todos lados:
- Hacer layouts con tablas no te da tanta flexibilidad y exactitud como con CSS
- Usando CSS el diseño está especificada en una sola página y no en cada una de las que compone tu sitio por lo tanto el tamaño de cada archivo se reduce considerablemente
- Usar CSS te permite especificar un diseño para cada medio: un archivo de CSS para la pantalla, otro para la impresora, otro para la Palm, etc. Lo mejor de todo es que el usuario no tiene que hacer click para ver una “versión imprimible”, simplemente le da Print y se usa el CSS para impresión.
- El futuro del diseño web no es basado en tablas, se basa en el uso de los stylesheets, actuales y futuras especificaciones recomiendan no usarlas, y si no te importan las recomendaciones debería importante que a medida que pasa el tiempo los tags, propiedades de HTML y XHTML se dirijen hacia el diseño en CSS por lo que cada día te verás mas limitado si no diseñas de esta forma.
- No se trata de que te lo impongan, se trata de que simplemente asi se ve muchísimo mejor
El link que presentas se discutió a morir ayer en MetaFilter. Lo interesante del asunto es que el “thread” de discusión contiene muchísimos links útiles para aquéllos que nos estamos iniciando en el xhtml con css. Al parecer estos idiotas que tienen éste artículo en su website es porque venden una herramienta de “templating” y se les ha pedido hasta el cansancio que incorporen funcionalidad para css y su respuesta ha sido la de negar la utilidad de los stylesheets…
Primero:
El artículo se enfoca en table versus .
Segundo:
Automatizar hace innecesario tu ejemplo de hacer página por página y tabla por tabla, la plantilla se hace una sola vez… -_-
Es un tag versus el otro, la tabla no tiene broncas.
Mi weblog tiene tablas y no tiene mayor problema, sólo hice una vez la edición de las plantillas.
Mañana que te hagas rico vendiendo CSS me avisas ;)…
Saludos
Primero:
El artículo se enfoca en Table versus DIVS .
Segundo:
Automatizar hace innecesario tu ejemplo de hacer página por página y tabla por tabla, la plantilla se hace una sola vez… -_-
Es un tag versus el otro, la tabla no tiene broncas.
Mi weblog tiene tablas y no tiene mayor problema, sólo hice una vez la edición de las plantillas.
Mañana que te hagas rico vendiendo CSS me avisas ;)…
Saludos
Lo estan agarrando por otro lado. La cosa no es que las tablas vayan a desaparecer, de hecho tienen sus funciones nobles y específicas, pero por favor, dejemos de hacernos pendejos y aceptémoslo: el diseño con tablas es una chinga, comparandolo con el diseño en CSS. Te acostumbras tanto a él que es muy dificil dejarlo, y yo, que por cuatro años he diseñado con tablas ahora lo se.
Ahora, que si quieren hacerse indispensables y hacerse ricos vendiendo cosas que nada mas ustedes entienden, entrenle a hacer templates. Yo asi trabajaba hasta hace poco, y la verdad es que es una gran desventaja para el cliente.
En fin.
Saludos.
En lo que sí no estoy de acuerdo
… es en eso de que las tablas no tienen exactitud. El diseño con tablas es enredoso, es un desmadre de codigo, pero su exactitud si no la nieguen, no mamen.
“Falso falso y falso, XHTML no suprime las tablas”}
Esto es cierto de hecho las tablas tienen su utilidad específica, los puntos que se debaten es el siguiente:
1. Las tablas se hicieron para presentar datos que por su naturaleza es más fácil interpretar si se colocan en una tabla ie. Registros dentro de una base de datos.
2. Es posible que si tratas de usar divs para el propósito del punto 1 te enredes más..
3. De manera alternativa: Las tablas *no* se hicieron para distribuir el contenido dentro de una página de web.
4. Los divs, spans y stylesheets se hicieron específicamente para distribuír contenido en una página web.
si alguien quiere ver el poder de los stylesheets en acción cheque:
CSS Zen Garden
Que alguien de los que han comentadoen contra me presente un método de cambiar dinámicamente el layout de una página utilizando tablas y sin código de por medio con resultados iguales a los de esta página.
estoy programando un sistema de weblogs (por gusto nada más) y no he podido hacer cosas con Divs que sí he podido con Tablas, y entre ellas el layout de mi sitio.
El esqueleto es mucho más fácil de definirlo con TABLE por la sencilla razón que no dependo de valores absolutos para crear un sitio de tres columnas.
A que me refiero? bueno, intenten armar un sitio con un encabezado y tres columnas en las cuales no tengan que definir la posición x y absoluta de donde se encuentra.
Dos columnas se puede, sí, pero tres no. Ya lo discutió en varios blogs CSS maníacos.
Que mierda, armo una tabla con un header, una imagen bonita ahí, tres columnas con tamaño fijo y adentro sí, todo el CSS y DIVs que quieran. Luego un pie y tengo la imagen habitual de un portal.
Mis clientes perderían más con un DIV que el IE no ve bien a una tabla que interpretan absolutamente todos. Es Standard usar la tabla para ello, aunque la W3C no lo quiera aceptar, se hizo standard por el uso y no por la especificación. De esa manera ahora todos los navegadores interpretan las tablas más o menos bien, pero mejor que el CSS seguro.
Con las mismas todavía puedo estar seguro que las cosas estarán proporcionalmente donde quiero y no donde se le ocurra al pésimamente diseñado explorador web que tenga en ese momento.
Entiendo que los estándares tienen un fin específico, pero una de mis prioridades es que mi cliente esté satisfecho, no que valide, eso a mi cliente le importa un carajo.
Lo digo por experiencia también, he diseñado cosas que validaban hermosas y mi cliente quería que se vea perfecto para IE y sin validar, flash, animaciones, musiquita, y toda la mierda que acostumbra pedir un cliente.
Tambien es un problema dejarle a un cliente hecho una pagina web en CSS, ya que si al cliente le da por cambiar algo del diseño y llama a una persona que no sea aficionada a CSS, obviamente tendra problemas con eso.
Lo peor de todo es que a un cliente no creo que este interesado en que su pagina sea valida o no.
Validar = verse bien en todos los navegadores medianamente modernos (desde el IE5 en adelante). Estoy seguro que cualquier cliente está interesado en que su sitio se vea correctamente en todas las plataformas.
Si tu cliente no sabe CSS y daña su página es su problema. Hay que aprender a administrar al cliente y decirle que no mueeva nada si no sabe.
Si el no aficionado a las tablas viene y le mueve al diseño también tendrá problemas.
Fabio, ¿te refieres a esto?
http://css.maxdesign.com.au/floatutorial/tutorial0901.htm
Por cierto Eduardo, validar no significa que se vea bien en todos los navegadores medianamente modernos. Validar significa haber usado elementos y propiedades correctamente y que la estructura del documento este bien formada. Puedes estar validando y no ver nada, o verlo todo bien y no validar :)
Fabio, estás equivocado, puedes encontrar muchos ejemplos de sitios hechos de tres columnas, fijos, variables, fijos/variables. Que no sepas o no hayas averiguado es otra historia.
Este artículo lo he leído, me ha parecido otra basofia más, ya estoy un poco cansado de estas personas que se dedican a decir que el método del chicle (tapar la pérdida de agua con un chicle) es el mejor de momento.
Para fabio, un site que explica las técnicas para lograr lo que deseas en css, hasta te crea el stylesheet dinámicamente
más fácil todavía
http://glish.com/css/7.asp
Pero si tu diseñas una pagina en CSS como un trabajo a tu cliente, el cliente tambien ha de querer que sea entendible para los demas.. osea.. no que siempre este dependiendo de ti ah no ser que no le cobres por si daña la pagina. (charge por arreglar)
Minid, los enlaces que postearon una vez en tu site sobre este mismo tema y a mi pedido eran muy útiles pero usaban ese truco de las posiciones absolutas que conozco hace años y no me gusta.
El site que pasa Sergi si hace lo que quiero, totalmente distinto a otros, sólo que no se ve nada bien en IExplorer y ahí volvemos al comienzo. Es decir, si se ve, pero no exactamente como en Mozilla, yo diría que muy distinto y eso hace imposible mantener un diseño más o menos coherente si uno quiere validar y a la vez encajar igual en cada explorador :(
igualmente nunca diseño páginas web para que otro las cambie, para eso que me llame a mí o contrate a otro con conocimientos similares o superiores que sobran :p
Fabio, en IE6 lo veo clavao al Mozilla. Lo que pasa es que me juego algo a que usas IE5, que utiliza un modelo de caja distinto, en el cual suma los paddings al calculo de tamaño de caja. Leete el hack de Tantek: http://tantek.com/CSS/Examples/boxmodelhack.html
Yo estoy haciendo todo lo posible por diseñar table-less pero cuando los divs no dan lo que quiero, no me meto en problemas y uso tablas que a fuerza de uso ya no me resultan tan complicadas… un codigo bonito, bien comentado, bien identado… hecho a mano con wordpad porque los wysiwygs son basura!. Osea, que si creo que los estandares son el futuro, pero en el presente mientras aprendo y cuando los deadlines aprietan… pues el cliente debe quedar satisfecho.
Para que usar divs con css en vez de tablas para tener la irreal satisfacción de validar a costa de tener sitios tan insípidos como éste o el de mini-d. Q hueva demasiado trabajo para columnitas posisionadas. Para blogs con infulas estan bien los css, pero hagan un portal más visual teniendo tiempo limitado, ja
ayer traté de validar mi blog, me mandó error fatal y no sé cuanta mariguanada el sitio; hice lo que me sugería y continuaba mandando error… (debo aclarar que de css, y esas cosas estoy poco enterado, de html más o menos)
¿qué hice? tengo cinco navegadores, los más utlizados, en el editor de html que tengo puedo revisar la visualización en cada navegador y saber en que esta fallando…
resultado: mi blog se ve bien y funciona bien en ie, mozilla, opera, avant… en netscape se ve un poco diferente, pero tampoco me quiero romper la cabeza en algo que creo es para los “pocos enterados”
conclusión: lo que importa es que el mensaje, las palabrejas, las imágenes lleguen al navegante… creo que a casi nadie de los que navegamos nos importa si tal o cual página se ve mejor en tal o cual “browser”
pero solo soy yo, tal vez…
Rañel, yo no soy ningún gurú de nada en esto de la informática, pero tengo entendido que usar estándares web no es necesariamente para que quede más bonito, sino para asegurarse su validez en el futuro.
O sea, que cuando llegue la nueva generación de navegadores, no tengas que rediseñar por completo tu sitio. A lo mejor no les ves mucha relevancia a eso; pero imagina que lo que tienes entre manos es un sitio de gran importancia y con millones de visitas diarias… El ahorro en tiempo de actualización es bastante grande.
Por otro lado, el uso de CSS para el diseño trata de eliminar también el uso de etiquetas como , además de las tablas, para conseguir un marcado mucho más sencillo y un peso menor. De esta manera, el ancho de banda necesario para mostrar la página es mucho menor. Si hablabamos de millones de visitas diarias… hablamos de mucho dinero.
Sinceramente, los divs son una mierdaa… que pena, pero no tengo otra palabra mas exacta para describirlos… Lo mejor son las tablas, 100% tablas.. y usar divs muy de ves en cuando…….
Solo hagan una prueba… Abran esta pagina en Internet Explorer 4!! —-> QUEDA HECHA UNA MIERDA… y como diseñador Web creo que debemos diseñar para que las paginas se vean bien en todo explorador… No podemos presuponer o decirle al cliente.. debes tener explorer 6 o sino no sirve!!!………. el tiempo es oro, los clientes son oro… sino ven algo que luzca bien en su computador, simplemente se largan y no vuelven……….
DIVS/CSS NO, si a las tablas….. !!! Arriba las tablas…
Me da rabia que internet se este llenando de articulos que no llevan a ningun fin… Siempre la misma pedorrada.. Divs si Tablas no… porque??? LA W3c no ha quitado las tablas de la recomendacion… por lo tanto se pueden usar !! siguen siendo validas… deberian quitar los divs!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! JODANSE
USEN TABLAS !!!!!!!!! HASTA QUE TODOS TENGAN EXPLORER 9mil o FIREFOX 80mil!!!!!!!!!!!!!!!!!!!!!!
NO A LOS DIVS POR AHORA… Los navegadores tienen que madurar………