Desafío en CSS + XHTML: RoQ

tunait · #1 (**permalink**) 08/02/2006, 16:34

Desafío lanzado desde este tema http://www.forosdelweb.com/f95/competencia-desaf-css-xhtml-362325/

Propuesta de RoQ
http://www.tunait.com/css/RoQ/RoQ.html

Sus comentarios sobre esta propuesta pueden dejarlos aquí.

Saludos

RoQ · #2 (**permalink**) 08/02/2006, 16:41

Hola, espero les guste, se que el diseño es pobre pero trate de hacerlo simple y centrado en el contenido, el layout es de dos columnas en XHTML 1.1, he tratado de hacerla lo mas semanticamente correcta que pude dejando practicamente toda la presentacion al CSS.
Los pocos iconos usados son parte de la fabulosa libreria de iconos "Silk" de Famfamfam y tambien el feedicon.
Enjoi :D

#3 (**permalink**) 08/02/2006, 16:51

diseño simple pero efectivo.

me gustó la imagen del cabezal, la que tiene peazos de código

Saludos.

ramm · #4 (**permalink**) 08/02/2006, 18:53

La estructura esta buena, me gusto la forma como organizaste las cosas.
De nuevo me parece que no te dio tiempo de terminarlo, como si le faltaran imagenes al layout o algo asi.
Los colores son lo unico que no me gusta, hay como muchos diferentes que no combinan entre si, de resto esta bueno.

fullmental · #5 (**permalink**) 08/02/2006, 19:44

creo que es evidente la influencia de useit.com (Jakob Nielsen's), será?? en fin a diferencia de alvlin no me gusto la imagen del cabezal creo que rompe con el resto y se ve algo pesada.

en fin yo tambien usaría menos colores. :)
saludos.

kazafun · #6 (**permalink**) 09/02/2006, 04:08

Esta claro y facil de leer. Aunque en IE a 1024 px toda la parte derecha no cabe y cae abajo.

RoQ · #7 (**permalink**) 09/02/2006, 08:58

vaya que raro, hace unas semanas la hoja de estilos de ie funcionaba bien, no se que habra pasado.
Entre otras les agradezco las criticas, como les dije me centre bastante en el "esqueleto" y una vez que lo tuve me estuve rompiendo la cabeza con el Inkscape para tratar de hacer un diseño agradable pero no llegue a nada asi que hice algo simple pero como dice ramm, no lo acabe, y dado que el desafio esta mas orientado al uso de estandares y no tanto a la estetica lo envie de todas maneras.

sergiold · #8 (**permalink**) 09/02/2006, 09:13

Cita:

Iniciado por kazafun

Esta claro y facil de leer. Aunque en IE a 1024 px toda la parte derecha no cabe y cae abajo.

Lo mismo digo. Visto en FF la barra de editorial y la de notas de actualidad no están alineadas. Creo que se vería mejor si las dos empezaran a la misma altura, es decir, bajar unos pixels la barra de notas de actualidad.

Saludos,

Hereje · #9 (**permalink**) 09/02/2006, 14:54

La diagramación perfecta, se cumple el objetivo de diferenciar correctamente los diferentes bloques de contenido.

El encabezado como que quedo muy grande, quizá haciendolo un poco mas chico y tratando de incluir un poco los enlaces de las secciones...

Los colores otro punto en el que no comparto, es cierto que sobre gustos... y yo soy hincha de los pasteles claritos (permiten variar entre colores manteniendo la armonia).

Felicitaciones!

#10 (**permalink**) 09/02/2006, 18:59

muy bueno roq pero molaria con un poco de margin superior por que no me gustan las webs pegadas arriba del todo.

y el texto quizas molaria mas pequeño.

kahlito · #11 (**permalink**) 10/02/2006, 05:56

Hola RoQ

En general me gusta en el sentido de la estrucutura que le has dado, como dice ramm buena organización.

El diseño en general lo mejoraría sobre todo en armonía de colores, veo muchos colores diferentes (incluso fuentes) y secciones que no llegan a seguir una misma linea. En la zona de la derecha (en algunas) da sensación de "tipo anuncios", al igual que ocurre con el encabezado y pie que me gustan bastante pero que creo que contrastan con el resto del diseño.

Prueba superada en Xhtml 1.1 Strict

caricatos · #12 (**permalink**) 11/02/2006, 10:07

Hola:

Enkorabuena.

Veo que tiene alguna variacion de color que es de agradecer. La pena es que en explorer (donde estoy viendo los trabajos) no vayan bien las columnas.

Felicidades

RoQ · #13 (**permalink**) 12/02/2006, 11:14

Gracias por los comentarios, lo de IE es completamente culpa mia, la pagina es de contenido liquido con ancho minimo y maximo, como IE no interpreta bien el min-width y max-width hice una hoja de estilos aparte solo para IE donde la estructura fuera fija con una acho total de 790px, todo estaba bien hasta que lei este articulo de AlistApart donde explicaban un metodo de hacer 3 columnas, y yo quise tratar de alicarlo a 2, hice otra hoja de estilos para eso y modifique la de IE, an algun punto todo se jodio y la hoja de IE ahora muestra asi la pagina, que hace unas tres semanas no se veia asi, en cuanto pueda la reviso.

metacortex · #14 (**permalink**) 27/02/2006, 04:27

Grande RoQ! Estupenda página. Se arriesgó en el columnaje y el resultado fue tremendo. Una publicidad y menús muy bien ubicados, Buen espacio para el cabezal y tipografía lo suficientemente grande para visitantes de cualquier edad. El código fuente y el CSS son un poema: bien comentados y estructurados. Me llamó agradablemente la atención esto:

Código HTML:

<!--[if lt IE 7]>
<link rel="stylesheet" href="ie.css" media="screen" type="text/css" />
<![endif]-->

Observaciones: En IE no se ve bien; las barras de los bloques derechos necesitan más uniformidad en lo vertical; hay que trabajar más en la armonía de los colores y en el movimiento del contenido (Quizás con la inclusión de una imagen en el artículo principal). Hay PNG con transparencia que IE no los lee porque debió utilizarse png24 en vez de png8.

Saludos.