Votación del reto CSS entre Carlangueitor VS Yonolose

[yonolose]

¡Hola!

Abro un nuevo tema, como sugerencia de kseso? para comunicarles que ya está abierta la votación del reto css entre Carlangueitor VS Yonolose:

Trabajo de Carlangueitor > La luna

Trabajo de Yonolose > La luna

La encuesta está abierta

Que gane el mejor [Encuesta cerrada en 90 días]

Las bases de la competencia han sido organizadas por Calizzz y están aquí

[alexk]

Carlangueitor +1 XD... suerte a los 2...

[Carlangueitor]

Iniciado por alexk

Carlangueitor +1 XD... suerte a los 2...

Cracias por el Voto!! (+K)

Una duda: ¿Puedo votar por mi mismo?

Saludos

[yonolose]

Iniciado por Carlangueitor

...¿Puedo votar por mi mismo?...

Claro!

Yo voté por mí... de todos modos solo podrás votar 1 sola vez y nunca más... FDW es seguro

Saludos!

[Carlangueitor]

Ok, voto por mi mismo

Saludos

[cristian_cena]

Hola, primero felicitarlos ya que disfruto mucho cuando observo una competencia.

Visto y considerando que los dos trabajos estan muy buenos resalto algunas características que tube en cuenta al votar:

importación de la hoja de estilos:
yonolose: @import url("./estilo.css");
carlangueitor: <link rel="stylesheet" type="text/css" href="style.css" />

+ carlangueitor

limpieza del código:
yonolose: <div style="float:right;width:300px;text-align:right;"> ...
carlangueitor: xhtml limpio y estilos dentro del css.

+ carlangueitor

búsqueda de compatibilidad:
yonolose: no usa reset
carlangueitor: usa reset (dime cual usas si? porque yo uso el clásico *{margin:0; padding:0;} y lo acompaño de comentarios condicionales. gracias. )

+ carlangueitor

favicon: importante debido a la cantidad de pestañas que solemos abrir.
yonolose: si
carlangueitor: no

+ yonolose

Por lo tanto mi voto es: +1 para carlangueitor.

y un para ambos.

[Carlangueitor]

Iniciado por cristian_cena

carlangueitor: usa reset (dime cual usas si? porque yo uso el clásico *{margin:0; padding:0;} y lo acompaño de comentarios condicionales. gracias. )

Uso el Reset de aNieto2K y aqui hay mas resets que puedes usar: http://www.cssblog.es/10-tecnicas-para-resetear-css/


Saludos

[Calizman]

Buen trabajo el de ambos competidores!

Quiero ofrecer mi mas sincera disculpa a ambos participantes por no haberme presentado la fecha estipulada, pero lamentablemente he tenido serios problemas personales y hasta estos momentos he podido entrar a ver como van las cosas por aqui. Nuevamente, disculpen mi falta de organizacion y felicidades a ambos.

Hasta Luego!

[Carlangueitor]

No te preocupes CaLiZzZ, tampoco te vi por el Twitter, así que supuse que tenias otros asuntos, y pues aquí el compañero lo ha organizado, solo faltaran los jueces de verda....

Saludos

[juaniquillo]

Iniciado por CaLiZzZ

Buen trabajo el de ambos competidores!
pero lamentablemente he tenido serios problemas personales

Además tenía el celular dañado..

[Dalvenjha]

Desde la parte gráfica, pues mi voto va para Carlangueitor.

Saludos!

[Carlangueitor]

Iniciado por Dalvenjha

Desde la parte gráfica, pues mi voto va para Carlangueitor.

Saludos!

Gracias por el Voto!!

Saludo

[Triby]

Felicidades, ambos trabajos son muy buenos, vote por Carlangueitor y, si aceptan criticas constructivas, me permito hacer un breve analisis de ambos... si no las aceptan, solo dejen de leer a partir de AQUI.

Carlangueitor:

En cuanto a lo visual, me gusto mucho, pero hay varios puntos que no me acaban de convencer:
- Los verdes del menu, tal vez se veria mejor con tonos de azul, combinarian mejor con los cian que usaste para el titulo y bordes de imagenes.
- El menu se ve bien con esquinas redondeadas, pero como que se rompe un poco el diseño con el cuadro de contenido. Podrias haber separado el menu del cuadro de contenido para minimizar el efecto.
- Siguiendo con el menu, me resulta incomodo colocar el mouse sobre alguna de las opciones se mueva todo, creo que el padding vendria bien para todos los estados de los enlaces y no solo en el hover.
- En la pagina de inicio el enlace "Ver todas" queda sobre la linea mas clara en la parte baja del cuadro de contenido.

Por la parte del codigo, parece que todo va bien, envias primero el contenido importante y despues lo demas (fotos y frase). Usaste H1 y tal vez hubiera venido bien incluir un H2 para identificar la pagina o seccion activa.

Yonolose:

Me gusta el diseño, pero el fondo blanco le resta presencia, un fondo oscuro (negro o azul marino) le habria venido genial.

Del codigo, tambien esta muy bien, sin embargo hay algunas cosas que mencionar:
- La indentacion no es del todo adecuada y se dificulta un poco identificar donde abre y cierran las etiquetas, realmente no es gran problema, pero es muy util para editar codigo.
- Creas el menu, despues lo duplicas y finalmente muestras el contenido principal; el contenido de la izquierda pudiste haberlo colocado hasta abajo en el codigo, sin alterar el diseño y ayudando a mantener un orden de importancia en el contenido, que es una buena base para buscar mejor posicionamiento en buscadores y permitir que personas con diversas discapacidades se sientan comodos al navegar.
- Retomando la parte de posicionamiento y accesibilidad, te falto usar h1 para el titular, h2 para el div "cent-tit" y tal vez h3 para el div "side-tit".
- Finalmente, por ahi vi un <div align="center"> para mostrar una imagen y align no es un atributo valido en la DTD usada, pudiste haber creado un estilo para la imagen con margin:0 auto;

Bueno, esa es mi opinion y tengan por seguro que va con buenas intenciones.

Nuevamente los felicito por el buen trabajo que hicieron.

[Caesio]

Muy buenos trabajos.

No soy asiduo al foro de CSS (no tengo mucho conocimiento sobre el tema), pero viendo ambos trabajos.....

Mi voto va para Carlangueitor.

S@ludos y Éxitos.

[Eskombro]

Los dos están muy buenos. Enserio que son buenos trabajos ambos!

[pao01]

Felicidades a ambos, se ven buenas propuestas.
De códigos no hablaré.

En cuanto al diseño:
Carlangueitor: utilizaste una paleta muy linda, sin embargo el verde del menú no termina de convencerme en ese sitio. Me refiero a que es perfectamente compatible, pero que allí en lo personal no me agrada.
Siento que hay un desequilibrio, la importancia que le diste a visita foros del web es demasiada respecto al contenido que allí tienes.
Quizá hubiera quedado bien ese mini muestrario de imágenes un poco más apaisado y la frase nivelada a la derecha.
El logo de Fdw lo hubiera colocado abajo o bien donde está el tema de las validaciones (hacia la izquierda) o en el footer, algo más pequeño.
Te decantaste por esquinas rectas y en lo personal hubiera jugado un poco más con bordes redondeados para suavizar, considerando que además cada imágen tiene un borde de color lo cual lo acentúa más.
Respecto a la galería, hubiera estado bueno ver algo más como lightbox, o en el caso de optar por la que realizaste algún texto que la acompañara o algún efectito al pasar por las mismas.
PD: Conocer algunos trabajos tuyos influyó a la hora de emitir mi opinión, porque he visto cosas muy buenas hechas por vos y aquí le faltó un poquito en mi opinión para lo que me tienes acostumbrada.
De todas maneras muy buen trabajo

yonolose:
Tu web la veo super minimalista, pero eso me agrada mucho.
Sin embargo en el header hubiera trabajado un poco más.
Me gusta mucho la paleta utilizada. En lo personal hubiera escogido el gricesito de las cajas hacia el fondo y el blanco en las cajas.
Me gusta mucho la estructura y las esquinas redondeadas.
La veo muy equilibrada. En cuanto al menú de la izquierda lo único que no hubiera utilizado es el color azul del texto.
Muy buen trabajo

Mi voto es para yonolose.

[yonolose]

Iniciado por pao01

Mi voto es para yonolose.

Muchas gracias

Por cierto, recién acabé el nuevo diseño que he hecho (para mi web verdadera), pueden verlo aquí,

Saludos!

Por cierto, enhorabuena carlangueitor, vas ganando

[Carlangueitor]

Iniciado por pao01

PD: Conocer algunos trabajos tuyos influyó a la hora de emitir mi opinión, porque he visto cosas muy buenas hechas por vos y aquí le faltó un poquito en mi opinión para lo que me tienes acostumbrada.

Bueno, la verdad tengo que confesar que termine el sitio en tiempo record, 1 dia y medio en Hacer el Diseño en Ps, maquetar y validar, a mi tampoco me convencio tanto pero eso me pasa por despistado .

Gracias por los Comentarios.

Iniciado por yonolose

Por cierto, enhorabuena carlangueitor, vas ganando

Pues Gracias a ti, la verdad que no creía que iba a poder dar batalla, apenas y había leido algo de CSS,

[jomaruro]

Hola:

Partiendo de que los dos son buenos diseños y deberían ganar aunque solo fuera por el tiempo y el esfuerzo voy a publicar mi opinion.

Carlangueitor:

A favor:

Una buena combinación, en general, de los colores de la web.
Agradable a la vista, invita a quedarse.
Perfectamente validada, tanto en CSS como XHTML.

En contra:

Color verde del menú
Movimiento de las opciones del menu con hover
Si el menú tiene las esquinas redondeadas no debería estar pegado al cuerpo de la página o no tener las esquinas redondeadas en la parte inferior.
Repetición de fotos en galería.

Yonolose:

A Favor:

Perfectamente validada, tanto en CSS como XHTML.

En contra:

Demasiado pálida la paleta de colores, parece como que le falta algo, vida.
La repetición del menú arriba y a la izquierda, sobra uno de ellos (además no son iguales).
El color de la tipografía del cuerpo muy cercana al color del fondo, poco contraste.

Por tanto, después de esto, doy mi voto a Carlangueitor.

Saludos.

[lucasphp]

A mí tampoco me gustó el menú de Carlangueitor, pero el resto del trabajo está bien (además está validado).
Jomaruro ya dijo todo XD.
Por eso voté a Carlengueitor también. Saludos.

[alexk]

psss creo que los numeros no mienten...
solo falta que pasen los jueces aver que tal... por cierto quienes son? jeje

[Triby]

Iniciado por alexk

solo falta que pasen los jueces aver que tal... por cierto quienes son? jeje

Hasta ahora la cuenta va en 25 jueces.

En estas competencias no se trata de que haya jueces o no, o de que alguien otorgue un certificado que diga quien gano, mas bien, la idea es aprender en base a la practica y, en este sentido, todos los que participan (con trabajos, comentarios y opiniones) ya son ganadores, porque siempre se aprende algo nuevo.

[alexk]

En estas competencias no se trata de que haya jueces o no, o de que alguien otorgue un certificado que diga quien gano, mas bien, la idea es aprender en base a la practica y, en este sentido, todos los que participan (con trabajos, comentarios y opiniones) ya son ganadores, porque siempre se aprende algo nuevo.

y vivieron felices para siempre!!! XD jaja solo decia... como en enteriores competencias hay jueces... que son de mucha ayuda ya que no solo juzgan sino te ayudan amejorar... para es una opinion tansolo pero bueno llevas razon es bueno pa la practica saludos

[kseso?]

Reitero una vez más mis felicitaciones a los dos valientes por sus realizaciones y el buen trabajo y limpieza de las páginas.

Al ser multipágina la actividad y por falta de tiempo me centro únicamente en la primera página de cada un y espero que veáis lo siguiente sólo como unos apuntes para compensar mínimamente vuestro esfuerzo resaltando aquellos aspectos susceptibles de mejora. No lo toméis como un ejercicio para resaltar los "errores" sino como unos apuntes de "otra forma es posible".
Vamos con ellos.

Los que me hayan leído en otras actividades, recordarán que la primera "perrería" que les hago a las páginas es simular un fallo en la carga de imágenes:
Ambos habéis optado por colocar título de la página vía css como fondo. No es conveniente colocar imágenes relevantes de esa forma. El riesgo es doble en caso de problemas en la carga de imágenes o del css: nos quedamos sin título y un hermoso espacio vacío.

Si bien Carlangueitor utiliza un span oculto (display: none) que palía el fallo de carga de los estilos.

Head:
Ambos sois demasiado concisos al desarrollarlo. Simplemente para definir el charset, el título de la página y la llamada al css.
Sorpresa por que Yonolose utiliza la fórmula "@import url"
Se echan de menos otros meta, como el de autor, alguna Keywords... así como el ya clásico y casi obligado favicon, aunque en Yolonose lo debe tomar de su host.

Header:
Lo ya mencionado, colocación de la imagen vía fondo. Mejor en el html vía "img src", con el h1 del título bajo ella con z-index.

Menú:
Aquí algún antiviral para Yonolose para curar la divitis. Carlangueitor sí utiliza una lista para él. Aunque se le pasó quitar algún div de corte (<div class="clearfix"></div>) y utiliza dos cajas vacías para colocar las esquinas redondeadas.

Cuerpo principal:
Carlangueitor, quizás sobren algunas cajas, y aunque no tienes porqué saberlo, haberlas suplido con alguna otra etiqueta, como blockquote para las citas, una lista para las imágenes pequeñas y quizás haber resaltado algún trozo del texto con span y algún hnº.
Eché en falta que no definas una familia de fuentes. Lo hereda del reset, pero como "inherit". Reset que por cierto, no has optimizado a lo que realmente usas.
Yonolose, lo anterior también es de aplicación, ya que los textos "andan libres" en vez de estar contenidos en su "<p>", lo que te hubiese permitido librarte de los <br/>

El pie:
La sorpresa esta vez son los estilos en las etiquetas de Yonolose

Bueno, espero que no veáis todo lo anterior como un destrozar vuestros trabajos, pero la culpa es de Maese Triby y compañía que tan buena crítica hicieron (resaltando los aciertos); a mi me dejaron el papel de viejo gruñon

Un saludo

[pao01]

la encuesta se cierra el 18 de enero de 2010?

[Carlangueitor]

Buenos comentarios Kseso? los tomare en cuenta, solo una cosa soy Carlangueitor y no Carlengueitor

Saludos

[kseso?]

Oppssss!!
¿Por qué lo dices Carlengueitor Carlangueitor?

Mis disculpas. Vaya un lapsus más tonto que tuve.

Un saludo

[Carlangueitor]

No problem suele suceder muy seguido

Saludos

[inyaka]

ninguno de los trabajos me asombro, pero lejos el mejor es de Carlangueitor.

el truco para el logo del header lo encontré ingenioso pero innecesario bastaba en su lugar poner la etiqueta <.img /> con su contenido alternativo, aunque de todos modos es correcto.
el div vacio clearfix, no lo encontre para nada un buen truco, no debieras resolver con html lo que se puede resolver con css, si no mal recuerdo eso lo puedes resolver con

Código:

.loQueFlota *{clear:both;}

ademas

el trabajo de yonolose carecía completamente de semantica incluso el menu no era una lista, y uso la etiqueta br sin sentido alguno en reemplazo de la etiqueta parrafo (p)

tampoco vi el uso de la etiqueta title en las anclas y vi un exceso de divisiones incluso algunas vacías.

señores xhtml es un tipo de xml (tal como el rss) y sirve para darle un sentido a los datos, es casi como una base de datos (si exagero no me fusilen XD ) tampoco vi el uso de clases y al parecer Carlangueitor uso un reset de css, lo cual no lo veo mal, yo lo usaría pero lo pondría en una hoja aparte

de todos modos mis felicitaciones a ambos por aprender y preocuparse de estos temas.

[Carlangueitor]

Bueno gracias por los comentarios, pero te comento unas cosas:

El titulo esta así por una cuestión de semántica, si hubiera puesto solamente una imagen no tendría un titulo principal como esta ahora (h1), además de que si por alguna razón no carga las imágenes ni el CSS la página sigue con una estructura, aunque igual esto es una suposición mis y quizás no sea así la forma correcta.

Sobre el DIV de corte que use es por que probé la opción que dices y no funcionó, y también he visto que varias personas lo usan.

Bueno además para ser el primer trabajo no esta tan mal, en lo que llevo desde que hice eso hasta ahora he aprendido nuevas técnicas y reglas para una mejor maquetado.

Gracias por escribir y tomare de todas formas en cuenta lo que dices.

Saludos