¿Estas absolutamente seguro de que un piso no puede ser un techo?

Los 8 grandes errores del diseño web

Páginas: 1 2 3 4 5 6 7 8 9

Las tablas no son de satanás, ¡usalas!

Por la web circula la palabra "tableless" para referirse a un diseño web sin tablas (es decir, estructurado a puro div). Miles de páginas de desarrollo web han recalcado hasta el hastío que las tablas no deben ser usadas para el layout de una página web, y no podrían tener más razón.

Pero los desarrolladores web han caído en la idea de que las tablas son malas, y deben evitarse a toda costa. Incluso he visto gente que ha intentado crear una tabla usando divs y CSS nada más. Eso ha sido el peor error de semántica que yo haya podido presenciar en mi vida.

El problema de las tablas

Digamos que tienes una web de hospedaje y quieres mostrar una comparación rápida de los planes que ofreces. Tienes 3 planes diferentes y unas 10 características que quieres mostrar. La manera correcta es haciendo una tabla, y nada más. La cosa es que muchas veces he visto a los desarrolladores querer usar divs para esto, y obviamente terminan frustrados por no lograr lo que querían.

Ahora bien, no solo existe este problema. Tambien tenemos que, al momento de usar las tablas, no pueden aplicarle el estilo que desean. Vamos, que el simple hecho de aplicar un borde de 1px a las celdas es un poco menos obvio de lo que parece. Mas cuando queremos agregar estilos a las celdas, a los encabezados, etc. Terminamos usando cientos de clases diferentes para algo que nos tomaría solo una o dos clases. El problema es que no sabemos darle estilo a nuestras tablas. Es más, nos abemos ni siquiera todos los elementos que la tabla puede tener y que nos sirve para darle estilo a la misma.

¿La solución?

Entender que las tablas no son malas cuando las aplicas para lo que deben de ser aplicadas: datos tabulares. Tambien debemos aprender todos los elementos que nos sirven para darle estilo a nuestras tablas y poder tener un buen manejo de las mismas mediante CSS.

Con esto termino este post. Algo largo, y me faltó profundizar un poco en algunas cosas, pero el tiempo a duras penas y me da para escribir esto. Espero poder escribir más seguido, ¡mi gente! Que tengo varias entradas guardadas por ahí. Entre ellas una revisión a varios post que he hecho antes, con mejores y apuntes que no conocía al momento. ;)

Páginas: 1 2 3 4 5 6 7 8 9

64 Comentarios

  1. Muy muy muy muy muy muy muy muy... ( el administrador de metal.ize cortó los 867 'muy's siguientes ) buen artículo, me ha hecho recapacitar mucho y es un poco tonto pensar que todos los hemos cometido y que quizá los seguiremos cometiendo. Cuando leí lo de 'naranja' me dio muchísima risa, yo había hecho eso antes, pero ya no más en todo caso usaría una clase como base y unas variantes de color para esta.

    .add {
    width: 400px;
    padding: 15px;
    color: #333;
    text-align: center;
    font-family: arial, verdana, serif
    }

    .add .naranja {
    background: #ffad00;
    border: 3px solid #ffc959;
    }

  2. Excelente post!! la verdad tienes razón en todos los puntos de los que escribiste. Me encantó! Adelante!

  3. Al fin rammy te decidiste a actualizar este pedazo de blog. Realmente me sorprende tu facilidad para escribir y hacerlo tan bien, el post me gusto mucho y muy util por cierto.
    Te agradezco mucho por el aporte.
    Te mando saludos,

    Lucas.

  4. [...] ¡Las imagenes también son contenido! [...]

  5. Pedazo de post !!!
    Sí señor!
    Te sigo desde el lector de feeds.
    Ya me extrañaba que no escribías hace mucho tiempo.
    Gracias por los consejos. Aprendo mucho de aquí.
    No nos abandones de nuevo :D

  6. Me ha encantado este artículo, sobre todo la parte de las tablas, sinceramente estoy comenzando a usar CSS pero lo que más te inculcan es que no uses tablas, y viéndolo desde esta perspectiva creo que las aplicaciones con CSS son muy pero muy útiles, pero hay que recordar que siempres está ahí el buen XHTML :D

  7. Directo a mi impresora para leerlo con calmita, mientras ando corriendo por la ciudad. Sin duda tu promulgas la calidad . Y los tíulos bastante llamativos, me encantó el de "No soy gordo, soy funcional"

  8. Es lo bueno de los Feeds, tu desaparece el tiempo que necesites... me enteraré a los 20 minutos que has escrito un post luego de 2 años xP

  9. Hola hermano, pues que bueno escuchar que los sustos de que hablas no fuerón más que sustos. Sabes que cuentas conmigo en el momento que lo necesites hermano, que no importa que ya casi no nos veamos, sigues siendo alguien a quien yo aprecio demasiado.

    Por otra parte, es genial volver a tenerte online con un gran aporte como los que usualemente haces, no me enteré antes de esté, tu post más reciente hasta que me lo mencionaste y es que desde que me quede sin lap, ya no uso tanto mi google reader, pero en fin.

    Te mando un gran y fuerte abrazo con extensión a tu familia, esperando que todos se encuentren bien.

    Saludos, tu amigo; oxigen.

  10. Has vuelto con las pilas cargadas!!
    Un post muy bueno, la verdad es que tienes razón en prácticamente todos los puntos.
    Saludos.

  11. yo agregaría un tópico a tu lista. "Ponte en lugar del otro". Antes de sentarte a diseñar pon en primer lugar la estructura de contendidos pensando cómo las personas leeran tu web.
    Por ejemplo, este blog tiene un exceso de colores, confusa navegación (hay que "scrollear" cada pág. para leer el artículo), mala disposición de los comentarios...
    Desde mi punto de vista, tanto esfuerzo en el diseño gráfico termina vulgarizando el contenido, cuando es el contenido quien debería estar en primo lugar.

  12. [...] El autor del blog METALIZE, en un artículo muy interesante y de recomendada lectura, comenta que cansado de ver muchas prácticas poco aconsejables, ha decidido escribir sobre los 8 grandes errores del diseño web actual. [...]

  13. #13 gravatar Cristian Ventura 28 de Septiembre del 2007, 8:30

    Creo que en el punto 1, puede pasar cuando la gente tiende al "fanatismo" (por decirlo de alguna manera) y quiere que todo todo todo sea css. Yo estoy completamente de acuerdo con que un <a></a> no le hace mal a nadie, y es hasta mucho mas practico. Un caso asi no seria sobrediseñar!?

  14. [...] Leyendo un post del gran metal_orgy sobre los 8 grandes errores del diseño web veo la cantidad de errores que yo, como desarrollador cometo en muchas ocasiones. En la entrada se tratan varios puntos muy importantes, tales como: [...]

  15. Excelente la recomendación que haces sobre revisar las técnicas que reemplazan textos. En este URL hace una revisión completa de las más conocidas... Ahi muestran los pros y contras: http://www.mezzoblue.com/tests/revised-image-replacement/

    Saludos y felicitaciones por el post!
    Muy bueno!

  16. #16 gravatar Javier Martinez 28 de Septiembre del 2007, 13:34

    Excelente, me quito el sombrero amigo mio... deberias escribir mas a menudo. Con tus aportes me das unas serie de ideas de en que debo profundizar mas para mejorar mi código, y mejorar las tecnicas de diseño basados en tu consejo

  17. ole tus webos!

    que buen artículo y eso que apenas llevo leídos 3 puntos.. ;)

  18. Muy buena la entrada a decir verdad, felicitaciones!

  19. Muchas gracias por los comentarios, mi gente. :) En verdad es bueno saber que aún hay quien me lee después de tanto de no haber actualizado. :)

    nosfe: No podría entrar hermano. ¿Por qué? Porque 1) el diseño es lo más subjetivo que existe. Si bien a ti no te gusta el theme de mi blog, a mi si me gusta, y no considero que el scrollear para abajo sea "confuso" (digo, yo lo hago en 99.99% de las webs que visito); y 2) en dado caso, es un error que solo yo he cometido, y no es una tendencia que esté teniendo lugar a nivel global.

    Aprecio tu comentario, y verás que cuando pueda terminar el theme (si es que llego a hacerlo =S) esos detalles quedarán de más. ;)

  20. Eso de las tablas es muy cierto, no por que esté de moda usar divs para reducir el código fuente no quiere decir que no puedas poner unas buenas tablas en un diseño. Y claramente como lo describes en el ejemplo "comparación de planes" con divs sería horrible el acomodo y nefasto el trabajo.

    Yo por mi parte trato de hacer todos los diseños con divs y el contenido si lo requiere llevará un par de tablas ! :D El abuso es malo y arriba el contexto 2.0.1 alpha =)

  21. Muy buen artículo... ni de coña
    Muy bien expresado, pero nada más. Si para hacer una página web tienes que hacer las chorradas que se exponen aquí, está claro que solo las haces en tu casa y para ti...
    No todo es una lista y pones el ejemplo de un menú... ¿qué mejor que un menú para una lista?
    Mi nombre es h1, h1, h1... Si tienes una página muy extensa y llegas a un h5, ¿tienes que mostrar obligatoriamente todos los niveles? Pues no, porque entonces tendrías que tener el índice en todas las páginas.
    Los hacks... ni comentarlo... tu solución es: "para casi todos los bugs...", ¿qué tipo de solución es esa?
    Por otra parte, ¿cuánta gente tiene "deshabilitado" javascript?...
    No soy gordo, soy funcional... ¿nunca te has descargado un vídeo en youtube? ¿crees que seguimos navegando a 2Kb/s?

    En mi opinión, mucho ruido y pocas nueces

  22. Muito bom site. Gostei muito.

  23. Sería más correcto hablar de "los 8 grandes errores del DESARROLLO web"

  24. Lo que dice nosfe es algo bastante interesante. Si bien uno debe ponerse en el lugar del lector, es importante entregarle una buena experiencia y que disfrute en tu página, además claro de los contenidos.

    Piensa que si únicamente se entregaran contenidos volveríamos a lo que era el HTML ancestral, diseñar un bonito template, con colores vivos y un diseño interesante mejora mucho la experiencia del usuario. Lo de scrollear ahí si te equivocas medio a medio. Si no fuera importante los ratones no tendrían esa ruedita al medio, además arriba se puso un botón para acceder rápidamente al contenido, convenientemente cerca de las barras de desplazamiento.

    Personalmente el sistema de los comentarios me gusta bastante, ordenado, limpio y bonito, mucho mejor que esos blog lineales y repetitivos.

    Saludos

  25. No: Sin ganas de atacar a nadie, es justamente la mentalidad que tienes la que hace que el desarrollo web (al menos en mi país) esté tan mal elaborado y tan mal pagado; y es justamente lo que quiero lograr cambiar (aunque sea poniendo mi granito de arena).

    Vamos, que tus comentarios, además de carecer de objetividad, parecen de alguien que le da pereza desarrollar una web y NO debería hacerlo.

    "Si para hacer una página web tienes que hacer las chorradas que se exponen aquí, está claro que solo las haces en tu casa y para ti..."

    ¿Y dónde dejas al usuario? Creo que más bien sería al revés: las páginas ma hechas y chuncas se van para ti nada más, y las cosas que se hacen bien se van para la web.

    "No todo es una lista y pones el ejemplo de un menú... ¿qué mejor que un menú para una lista?"
    ¿Qué te parecen los comentarios de este mismo blog? ¿No son una lista de ideas? ¿Qué tal los posts de un blog? ¿No son una lista de artículos? ¿Qué tal la paginación de una web? ¿No es una lista de páginas? Vamos, que los ejemplos son infinitos, el menú es sólo un de ellos.

    "Mi nombre es h1, h1, h1... Si tienes una página muy extensa y llegas a un h5, ¿tienes que mostrar obligatoriamente todos los niveles? Pues no, porque entonces tendrías que tener el índice en todas las páginas."

    Pues si; porque en la nueva página la jerarquía es diferente. Lo que era un h5 en una página, puede convertirse en h2 o incluso h1 en otra sección. La jerarquía no es de TODA tu web, es de la PÁGINA que estás viendo.

    "Los hacks... ni comentarlo... tu solución es: "para casi todos los bugs...", ¿qué tipo de solución es esa?"

    Una general. Si me pongo a dar la solución a todos los bugs que puedan existir, simplemente no acabo. Mi solución es que busquen alternativas a lo que desean hacer. Vamos, si quieren hacer una lista horizontal, en lugar de float: left tal vez display: inline arregle el problema. No puedo listar toda solución; es simplemente imposible.

    "¿cuánta gente tiene "deshabilitado" javascript?..."

    Yo, por mi parte, lo tengo desabilitado por default. Y si bien es poca la gente que hace lo mismo, también es bien cierto que el 99% de las personas NO ESPERAN a que la página termine de cargar; y lamento informarte que el javascript es de las últimas cosas que cargan en la página. Ahora vamos con el javascript no obtrusivo: generalmente se llama usando "onDomReady" que no va a hacer NADA hasta que la página cargue al 100%. Si tienes algún elemento muy pesado en tu página (digamos, una imagen grande); el javascript no hará nada hasta que no cargue esa imagen; y cabe la posibilidad (y, a decir verdad, es BASTANTE grande) de que el usuario de click antes de que la imagen carge completamente.

    "No soy gordo, soy funcional... ¿nunca te has descargado un vídeo en youtube? ¿crees que seguimos navegando a 2Kb/s?"

    ¿Crees que todos tienen conexión alta? ¿Crees que no existe el alto tráfico? ¿Crees que el bandwith es gratuito? ¿Crees que la carga al servidor no va a llegar a un límite? ¿Crees que no existen errore de línea? ¿Errores en las tramas? ¿Errores de latencia?

    Disculpame hermano, pero hablas sin pensar; y espero que no desarrolles nada hasta que entiendas lo complejo del desarrollo.

    Carlllord: También lo pensé hermano; pero bajo mis ojos, diseño web abarca más. Diseño es la parte de análisis, de desarrollo y de detección y correción de errores. El desarrollar una web es parte del diseño; o así lo veo yo.

  26. [...] Los 8 grandes errores del diseño web. Hay otros muchos errores, pero si somos capaces de reparar estos 8, ya habremos ganado mucho terreno. [...]

  27. [...] [...]

  28. [...] http://metalize.liveonstyle.com/2007/09/26/los-8-grandes-errores-del-diseno-web/9 http://uni.boozox.net/?p=4 [...]

  29. [...] En metal.ize han publicado un articulo de lectura obligatoria si eres un diseñador o desarrollador web que habla de los 8 grandes errores del diseño web entre los puntos que menciona estan: [...]

  30. Hola Enrique,

    He leído con mucha atención tu artículo, y he de decir que es muy bueno, aunque tengo mi opinión sobre alguno de los aspectos de los que has hablado.

    Listas
    Cuando has hablado de las listas y has mencionado el ejemplo de 'login - register' intuyo que te refieres a cuando aparecen estos dos textos en la zona o pantalla de login. En ese caso entiendo que utilizar una lista esté de más, pero si no solo aparecen los enlaces sino el formulario de login.

    No obstante una lista sí que puede tener dos elementos, claro que sí, y esos dos elementos pueden ser enlaces; por supuesto. Te pongo un ejemplo: www.mviv.es Si te fijas en
    la parte superior de la derecha, tenemos dos enlaces 'Enlaces' y 'Mapa Web' y es una lista. Pongamos que en
    lugar de lo que hay apareciera 'Login' y 'Register', seguiría siendo una lista de enlaces.

    Lo que quiero decir es que muchas veces depende de la interpretación que tenga cada uno y sobre todo del contexto en el que se encuentre.

    Hacks para IE.
    Hacer hacks para IE no es la solución, es un incordio, es lo que más tiempo lleva,... hasta ahí estoy de acuerdo.

    Obviamente si dejamos esos hacks en nuestro archivo CSS, el validador nos arrojará fallos por un tubo, pero como sabrás podremos solventar esto utilizando los comentarios condicionales. Seguro estoy que los conoces y por eso seguro estoy que en un despiste se te ha olvidado mencionarlos.

    Además de exteriorizar tus hacks hacia un archivo independiente, dejas tu CSS limpito "de polvo y paja" para que el validador lo de por bueno, y luego que sacan una versión nueva de IE que corrige algunos fallos, pues ahí tienes tu comentario condicional para incluir en otro archivo tus hacks para esa nueva versión, sin que lo que hiciste antes afecte.

    En tu solución/conclusión...también estoy de acuerdo, en buena parte. Ojalá los programadores de interfaz pudiéramos hacer el html lo más idóneo posible; pero hay veces en las
    que tenemos que recurrir a otras soluciones. Muchos portales están sobre algún tipo de CMS y sobre todo por culpa del cliente la elección de este CMS no es la correcta. (Limitaciones, generación de código propio,...).

    Santi M.

  31. En contestación al comentario de un tal No.

    Odio a esta gente que tira la piedra y esconde la mano.

    He de decirle al Sr. No, que una cosa no quita la otra. Por supuesto que para hacer una página web no hacen falta estas -como tú las llamas- "chorradas", de hecho puedes coger un jpg, lo mapeas y ya tienes tu página "gües"; pero si realmente te dedicas a esto profesionalmente, las cosas las
    tienes que hacer bien y tienes que tomar todos estos puntos en cuenta. El ejemplo del menú, es el ejemplo más idóneo para identificarlo con una lista.

    Tienes una página muy extensa, vale. El uso de encabezados no es obligatorio, es aconsejado. Y en la mayoría de páginas -como comenta- no se suelen llegar más que al h3. Pero se pueden usar más, claro, para eso están. Un ejemplo, la web de www.munimadrid.es Para eso y para que los buscadores cuando te indexan "lean" qué es lo más importante en tu página. A fin de cuentas se trata de darle una estructura lo más semánticamente posible a tu página.

    Los hacks, la solución a la mayoría de los bugs. Pues claro, pero no se si te has dado cuenta que se refiere a los bugs de los navegadores como IE, no a los bugs de código mal hecho. Si IE interpreta algo mal, ¿qué haces?. ¿Lo dejas mal?. ¡Vaya solución, eh?

    ¿Gente con Javascript deshabilitado?. ¿Te suenan de algo la gente con problemas de accesibilidad? ¿Gente que tiene un lector de pantalla? ¿Gente que tiene un navegador solo de texto? Ah, claro tu no habías contado con esas personas. Para tí no deben de ser usuarios.

    El peso del código, aún a pesar que ya no navegemos a 2k debemos de optimizar nuestras páginas y hacerlas lo más livianas posibles, mantienendo siempre la funcionalidad.

    En mi opinión: eres poco profesional.

    PD: Do not feed the troll.

    Santi M.

  32. hola, me encantó tu diseño y también tu artículo, yo también soy diseñadora web y amante del buen diseño, en mi país (Argentina) hay muy pocos que se dedican a ofrecer diseños de calidad, y he llegado a ver atrosidades como: http://www.orisis.com.ar/ y http://www.tusitioya.com.ar/ sin ánimo de ofender pero no tienen idea de lo que es el diseño, quizás manejen las herramientas pero eso no es "saber" diseño.
    Yo no digo que yo si sepa, ni mucho menos, pero al menos trato de instruirme y no me quedo con lo que aprendí cuando empecé con todo esto.
    Ahora recién me inicio en el mundo blogero, y cuando tengo tiempo posteo algo de mi creación, quizá no sea lo mejor, y todavía estoy trabajando para aprender a validar mis webs con la W3C, pero da un poco de fiaca corregir la forma de hacer las cosas de uno.
    Si tenés ganás pasate.
    un saludo

  33. [...] En LiveOnStyle (para los que la visiten: si, el contenido está bajando un poco) [...]

  34. martinpulido: Por supuesto que una lista puede tener solamente dos elementos. Eso está claro (aunque en tu ejemplo me sigue pareciendo excesivo el uso de una lista para dos enlaces; pero eso ya es cuestión del maquetador); y creo que si me expresé un poquito mal y dí a entender que si tiene dos elementos, no es una lista... pero vamos, me da gusto el ver que el punto se da a entender. ;)

    En cuanto a los hacks, dos puntos: 1) Los comentarios condicionales siguen ensuciando el código un poco, pero más que nada 2) los comentarios condicionales solo sirven para IE; y no es el único navegador con errores a la hora de maquetar.

    La Poética: ¡DIOS! Jajaja no supe si reir o llorar al entrar a esas webs (que me recordaron los tiempos en que empecé a navegar por internet, allá por 1997-1998). Jajaja, pero me da gusto que lo que estoy intentando hacer aquí también se esté intentando por allá. Me he dado una vuelta rápida por tu blog y me ha parecido la mar de interesante. ¡Ten por seguro que te tengo en mi RSS y que has ganado otro visitante más! :)

    Después del comentario de No me sentí un tanto desilucionado (por ver el tipo de mentalidad que algunas personas tienen)... pero vamos, que hoy entro y veo comentarios de este tipo... ¡Gracias por alegrarme el día! :D

  35. Hola, el artículo está muy bien, pero lo de ajax y javascript siempre que leo algo así me sorprendo, a estas alturas que no haya un navegador web que no pueda interpretar js o incluso que haya usuarios que lo tengan desactivado.
    Creo que se podría hacerse una idea con algun servicio de estadísticas que recoge la información de los usuarios que visitan tu sitio web y así ver si tienen o no activado el javascript, al no ser que tengan el windows 3.1 y que sean ciegos y a la vez sordos entonces si que no podran ver una web con ajax o js, pero a estas alturas me parece una barbaridad, cuando ponen ese tipo de artículos en una web digo y por qué no dicen nada de flash que eso si que pesa y es más, no es nativo en los navegadores.
    Solo es mi opinión, el artículo está muy bien como siempre :)

  36. Creo que quien domine casi al 100% flash con ActionScript es mas factible que se olvide de las clasicas broncas de incompatibilidades entre los navegadores, se que es mas gorroso manejar por ejemplo formularios en Flash pero se quitan de broncas de alineamientos y aspectos que cambian entre un unavegador y otro, el Flash es mas un estandard universal por eso lo mejor es tratar en lo posible optimizar la web en funcion de flash y olvidarse de los famosos Divs y Floats y cosas que solo hacen perder mucho tiempo en programacion.

  37. Kike aparece ya!!!!!!!!!!!!!!!

  38. En parte tienes razón, pero cuando perteneces a una cadena donde cada uno tiene su función, los errores que comentas pertenecen más al equipo de desarrollo/programación que al de dirección/diseño del proyecto.

    Muchos tenéis como modelo de "diseñador web" al freelance que hace de todo (comercial, jefe de proyecto, analista, diseñador de interfaces, copy, programador, mantenimiento...). Pero en la industria actual de consumo, donde los portales se hacen como churros, cuando el becario define los h1, h2, el diseñador web ya está trabajando en el siguiente portal.

    Dejo un pensamiento:
    "Si se puede automatizar, entonces no se encarga a diseño. Diseño se encarga de saber automatizarlo."

  39. Alguien conoce a Enrique de este blog? me gustaria llamarle a su telefono para un trabajo pero no se cual es.

    Podeis mandarme un email y darme su telef. para poder hablar con el? mi email es edu@planeta-web.com

    GRACIAS .....

  40. Hola, la verdad, impecable este post. Uno navegando encuentra articulos de este tipo, pero todos en ingles. Me parece genial que alguien del habla castellana tenga el coraje de escribir un post de esto, sabiendo las repercusiones que puede tener entre algunos "retrogrados"... Te felicito, amigo, y no le hagas caso a la gente que hablar sin tener ni idea, a la larga, los que hacen las cosas a medias, quedan en la mediocridad, y los que atienden a todos los detalles y hacen las cosas bien, son los que se van para arriba!
    Por cierto, me has hecho acordar a Zeldman con los titulos y el tono "imperativo" jaja...
    Saludos desde Córdoba, Argentina.

  41. Yo agregaría el GRAN error No. 9 en el diseño web y sería que el header ocupe toda la ventana del navegador (+670px)

  42. [...]   [...]

  43. Menos mal que no tienes tiempo, si llega a ser así no quiero pensar en el tamaño del artículo.

    Comparto contigo muchas de las cosas, sobre todo el tema de las tablas. La verdad es que he leído tanto sobre ellas y, como bien dices, en la idea que tienen los diseñadores en no usarlas, que muchas veces me sentía hasta culpable cuando tenía que tabular datos.

    A partir de ahora estaré más tranquilo cuando tenga que usarlas...

  44. Hola ALGUIEN CONOCE A KIKE DE ESTE BLOG?
    estaba realizandonos unos trabajos de maketacion y ha desaparecido, no tengo señales de el desde hace mas de 3 SEMANAS.

    Es muy raro por su parte, si sabeis su movil o telefono fijo para llamarle.

    GRACIAS

  45. [...] Acceder [...]

  46. Muy buena!!! la verdad me gusto mucho.

  47. fijate que hace meses tuve ese detalle con un programador me armo todo el sitio el layers,, digo no estoy en contra de ellos, pero eran cosas que facilmente podia realizar en tablas... pero bueno hay ideas erroneas en cuanto a las tablas, en lo personal se me hace una buena base para una correcta estructura web

    saludos man chido web

  48. Un articulo genial!!! como todos.
    Gracias por esta web chaval, se agradece el esfuerzo.

  49. Vuelve! :S

  50. Buen post. Me declaro fan de tu blog.
    un detalle nada más...
    ..
    --
    actualizalo.

  51. Alguien sabe algo de KIKE, el admin de este blog? llev 2 meses desaparecido y no se si le paso algo.

    Si alguien sabe algo q me lo diga en edu@planeta-web.com, tenia con el pendiente de terminar unos trabajillos.

    SALUDOS!!!!!

  52. Buen artículo. He aquí un par de detalles que creo sería útil atender:

    Si bien no todo es una lista, la cantidad de elementos no es lo que define si lo es o no, sino su contenido. El que una lista tengo "sólo DOS enlaces" no importa, lo que importa es el contenido, independientemente de si son enlaces, imágenes, insultos, porno, o qué sé yo.

    Decir que (algunos de) los errores en el 'renderizado' CSS se deba a "una mala elección en la manera de hacer el CSS (demasiados floats, por ejemplo)" no parece muy correcto. Esto significaría culpar al diseñador por leer y hacer uso del estándar CSS cuando en realidad el problema yace en el motor del navegador y algún bug en el soporte CSS --IE es otra historia: un bug con un engine.

    Por último, en el caso de los scripts, sería bueno mencionar que hay servicios gratuitos que 'comprimen' el código JS utilizado; creo recordar que la página de descarga de mootools hace referencia a uno o más de éstos.

  53. [...] - Wordpress Cheat Sheet - Los 8 grandes errores del Diseño Web - Fawnt - 13 reglas para mejorar la carga web - CSS Eleven [...]

  54. [...] metal.ize » Blog Archive » Los 8 grandes errores del diseño web (tags: webdesign) [...]

  55. te deje un meme para cuando quieras reaparecer

  56. Un articulo realmente bueno, es curioso verse reflejao en alguno de los puntos. Prometo no ser malo y no volver ha hacerlo

    Muchas gracias

  57. me aventé todo tu blog, buenísimo todo el contenido y de muchísima ayuda

    veo que estas desaparecido, espero vuelvas pronto con más que publicar, estaré esperando...

  58. [...] Enlaces semanales I Enero 12, 2008 Los 8 grandes errores del diseño web Interesante artículo por parte de metal.ize en el que se nos da un listado de ocho errores en el desarrollo web.  Un buen punto de vista, y fundamentado. A destacar el análisis sobre el buen uso de los titulares (H1, H2, H3…) en XHTML. [...]

  59. Que tal... me parece bien que nos instruyas dandonos tips como este, mi pregunta es: será posible que lo tengas en algun archivo aparte como por ejemplo un PDF, ojala me lo puedas mandar... de cualquier manera gracias por el aporte... muy bueno... ojala puedas mandarme tu archivo... Esperando respuesta...

  60. Muy buen artículo!

  61. Te felicito, el artículo está genial, no me imagino el tiempo que le habrás dedicado! Muy bueno.

    El blog también me encantó, el aspecto y todo el diseño muy bien echo. Y ni hablar de los artículo.

    Saludos de Argentina.

  62. Excelente post, muchas garcias. De esas cosas tan obvias que a la mayoría nos valen madres, hasta que nos topamos con muchas de las broncas que aquí expones.

    Enhorabuena y excelente el blog también.

  63. Muy bueno el articulo. De todo se aprende.

  64. Hola me llamo naranja? ! xD Yo creo que las listas son todo.. adoro las listas xD

Dejar un comentario

* Campos requeridos
   El Email no será publicado