CSS vs Tablas

[[Hybrid]]

ya empezamos mal..

* Utilizar tablas. El secreto de las webs vistosas es el buen uso de las tablas. Una web que no usa tablas (o usa muy pocas) por lo general resulta demasiado lineal... la información está una debajo de otra y se hace demasiado monótona. Al usar tablas podemos poner información a la misma altura y hacerla más vistosa.

TABLAS? eso es diseño 96. ahora los mejores diseños son sin tablas, css puro! mira clarin, mira la nacion.. lineales? no tienen tablas y son excelentes paginas. Las tablas para lo unico que sirven ahora son para mostrar contenido, es decir, para cuando queres usar tablas para hacer comparacion de precios o no se.. algo como excel, pero para diseñar no. Las tablas fueron pensadas como un hack para posicionar los elementos, ahora con el uso masivo de css podemos posicionarlas mas facil y mejor y con el 90% menos de codigo

* No meterse a hacer cosas demasiado complejas que no sepamos cómo resolver. Es muy común decir “uyy, que buena esa web! Voy a hacer algo parecido” y después darse cuenta que nos es imposible hacer algo así. Como en todos los aspectos de la vida siempre es mejor empezar por lo más sencillo y luego ir a cosas más complejas.

Parte de acuerdo y parte en desacuerdo, aprendo que ponerse metas asi complejas sirve, porque te sirve a investigar, aprender y leer muchas cosas y formarte, en cambio si te quedas siempre en las cosas que sabes hacer te quedas plano, no progresas. Y estyoy de acuerdo de empezar por lo mas sencillo : P

* No sobrecargar la web con imágenes. Siempre hay que tener en cuenta que la página principal no debe superar los 150KB promedio (con imágenes incluidas) porque de lo contrario la carga se haría demasiado lenta. Hay que buscar el equilibrio justo entre vistosidad y velocidad de carga... para ello lo más conveniente es usar tablas con bordes de distintos colores e imágenes pequeñas.

OLD SCHOOL!.. banda ancha! ya las paginas ni se diseñan para dialupers. pero si, es feo sobrecargar con imagenes asi feamente, pero se puede sobrecargar y que quede algo muy groso.


* Hay que tratar de conservar una gama de colores en todo el sitio web. Es común que en nuestra primera web nos parezca atractivo visualmente poner muchos colores (y cuanto más chillones mejor) pero en unos meses nos vamos a dar cuenta cuan feo era nuestro gusto . Lo mejor es elegir una gama de colores (rojos, azulados, verdosos, etc) y no mezclarlos demasiado.

Agree


* Mirar detenidamente algunos diseños de otros sitios en internet puede ser de mucha ayuda e inspiración. Sirve sobre todo para tener una idea de cómo está organizado un sitio que ya está online.


Agree

[Lawrien]

Emmm... que parte de "PARA PRINCIPIANTES" no quedó claro? Un tipo que nunca abrió el DW en su vida querés que se ponga a diseñar con estilos CSS en vez de tablas? Pfff...

¿Para que querés 90% menos de código cuando tenés 200% más de tiempo de desarrollo? Si sos una multinacional que desborda de guita si, si sos un principiante o alguien que quiere hacer una página personal (que es a donde evidentemente apuntan estos consejos) obviamente no. Btw, hace 3 años que laburo de esto y por mas que la W3 diga lo que diga, nunca van a poder reemplazar a las tablas por su facilidad de uso. Cuando laburás con 15 proyectos a la vez y tenés deadlines todos los días, los 30KB que podés ahorrate usando CSS en vez de tablas te importan poco y nada.

Y si, respecto al tamaño, lamentablemente no es el estandar las conexiones de 1MB asi que por lo pronto no es conveniente sobrecargar el sitio con imágenes. Generalmente cuando la gente empieza lo primero que hace es meter gifs animdos por todos lados... y cuando se quieren dar cuenta tienen un sitio como este: http://estadium.ya.com/eltirant2001/ (y esa no es nada comparada con las cosas que hay)

[[Hybrid]]

eh.. yo laburo de diseñador web hace como 6 años : ) hice mi primer pagina a los 13 años y soy un fucking freaky del diseño web. Y si, trabaje en muchos lugares y ahora por suerte soy freelancer, hablas de proyectos? en css se maqueta mas rapido, codigo mas limpio, mejor presentacion y mas prestabilidades.. ok.. no tenemos nada de esto en cuenta porque lo que importa es el cliente.. entonces, a un cliente no le gusta esto, quiere otro color, quiere otro tamaño de pagina y lo que era negro lo quiere rojo y la fuente mas grande y es mas.. lo que estaba a la derecha lo quiere en la izquierda.. la respeusta.. css.. much better, en 1 hs como mucho cambiaste todo, solo cambias el color hexadecimal de lo que queres, modificas lo que quieras y lo de derecha a izquierda lo hces con float: left; float: right; y te ahorras de codear todo el sitio de nuevo.

Ademas, como seguro sabras el comportamiento de los buscadores, buscan web semanticas, si queres posicionamiento lo mejor es un codigo limpio, fino y semantico, con tr td tables por todos lados el spider de google por ejemplo se marea y te va a madnar a los ultimos lugares...


y por sobre todo, el css es mas facil que entender que las tablas, y el html de tablas tiene mas tags que el xhtml semantico.

[Isha]

Emmm... que parte de "PARA PRINCIPIANTES" no quedó claro? Un tipo que nunca abrió el DW en su vida querés que se ponga a diseñar con estilos CSS en vez de tablas? Pfff...

Yo aprendí asi directamente, y no sabés que dificiles me resultan las tablas. Para un principiante que mejor que primero inculcarle las buenas costumbres... =P

Btw, hace 3 años que laburo de esto y por mas que la W3 diga lo que diga, nunca van a poder reemplazar a las tablas por su facilidad de uso. ¿Para que querés 90% menos de código cuando tenés 200% más de tiempo de desarrollo?

Nunca las van a poder reemplazar? En cuanto los editores WYSIWYG las eliminen, las tablas estan muertas. Escribir tablas a mano es lo mas engorroso del mundo, y lo único que hace es dificultar el mantenimiento.

Cuando laburás con 15 proyectos a la vez y deadlines todos los días, los 30KB que podés ahorrate usando CSS en vez de tablas te importan poco y nada.

Seguramente, pero cuando quieras hacer una modificación de la tipografía de un h1 (por ej) vas a querer que te crezca un huevo para poder cortártelo. Con las declaraciones de css te toma 10 segundos.

Por cierto, si querés abrí un nuevo thread y lo hablamos ahí... de paso vamos dándole movimiento ^_^

Blah, chiruza, decile a Tenshi que venga y corte el thread a la mitad. Ahora tiene más que moderar, lero lero =P. EDIT: Aahhh, editalo vos, vaga é mierda.

Y si, respecto al tamaño, lamentablemente no es el estandar las conexiones de 1MB asi que por lo pronto no es conveniente sobrecargar el sitio con imágenes. Generalmente cuando la gente empieza lo primero que hace es meter gifs animdos por todos lados... y cuando se quieren dar cuenta tienen un sitio como este: http://estadium.ya.com/eltirant2001/ (y esa no es nada comparada con las cosas que hay)

En esto estoy super de acuerdo con vos. =)

[[Hybrid]]

OH! mira.. una pagina cargadisima de imagenes ¬¬

http://www.metroparkusa.com/

solo es cuestiond e buen gusto no de cuanto este cargada la pagina con imagenes

[Isha]

Opa...

[Sauron]

400k es un monton man.. estamos hablando de conexiones menores a 1mb, para un 256k son 13seg y la pagina la tiene que tener lista en 3seg como mucho sino es lenta.

Ademas, como seguro sabras el comportamiento de los buscadores, buscan web semanticas, si queres posicionamiento lo mejor es un codigo limpio, fino y semantico, con tr td tables por todos lados el spider de google por ejemplo se marea y te va a madnar a los ultimos lugares...

LOL!!... no tenes la menor idea de como google hace para posicionar a las paginas... algebra 1 - matrices (aka PR, patentado por google)

[KciNicK]

Dios, que manera de leer boludeces, un buen designer va navegando paginas y se roba todo lo puede, un rejunte de cosas buenas es mejor que hacer algo uno mismo, como dijo una vez homero, no importa cuanto esmeres, siempre va a haber alguien que va ser mejor que vos..., por eso, te robas lo que podes, y si esta con tablas lo dejas con tablas, si esta con css, usas css, y a la mierda...

[Lawrien]

El CSS nunca va a poder reemplazar las tablas, si querés te lo firmo ahora y el día que los exploradores dejen de soportar tablas, venís al foro y te doy todos mis bienes personales

El CSS es una herramienta muy buena para dar formato, pero nada más que para eso, a la hora de diseñar carece de cosas básicas y resulta absurdamente complicado. Lo peor es que aún no tiene soporte completo en todo los navegadores y los errores de renderizado son una constante (encima en cada explorador son distintos). Más aún, el rendimiento de algunos sitios web es ligeramente peor ya que al renderizar y redimensionar ventanas, a veces se observan "saltos" o retardos que con tablas eran impensados. ¿Y todo esto por qué? ¿Cual es el problema de usar tablas? Nadie sabe bien, o en realidad si, pero son excusas baratas. Los que defienden el CSS para reemplazar las tablas repiten como loritos:

- "porque se logra el mismo resultado con menos código": bleh, en uno de los posts anteriores hiciste mención de que practicamente nadie tiene dial-up y ahora nos vamos a preocupar por los 30KB de texto que podés ahorrate? (que enviados por internet es mucho menos porque ese tipo de datos es comprimido por el modem).

- "porque las tablas son para tabular datos": es como decir que una computadora sirve sólo para hacer operaciones lógicas/aritméticas.

Yo no digo que sea inutil el CSS, digo que es para dar formato, no para maquetar. Si maquetás con tablas aplicándoles estilos en vez de definirle los atributos, vas a laburar el doble de rápido que usando CSS puro, vas a tener compatibilidad con todos los navegadores, y vas a tener practicamente la misma versatilidad que con CSS, porque a fin de cuentas cuando quieras modificar el padding, los bordes, colores o lo que fuere, tocás la hoja de estilos y listo.

Hoy por hoy, ponerse a diseñar un sitio exclusivamente con CSS en vez de combinado con tablas, es lo mismo que ponerse a programar una agenda telefónica en ASM en vez de en Visual Basic, alegando que si lo hacés con el primero va a "correr más rápido" o porque es "más ordenado". No hay herramientas buenas para el uso eficaz del CSS para maquetar, no hay soporte completo de los exploradores, no hay ningún problema con las tablas como para estar en la necesidad de cambiar la billonada de sitios web a CSS, o siquiera para dejar de maquetar con ellas... entonces por que tanto empecinamiento? La respuesta: puristas, profesores que repiten lo de algunos, y alumnos ciegos que repiten lo de los profesores.

[KciNicK]

a cuanto te baja este archivo? http://www.gxzone.com/test.txt