Votaciones: Reto Web | CSS + HTML + JS

[Calizman]

Iniciado por erick_arcini

PD. No voto por respeto a mis competidores y por lo mismo de las causas anteriores

Te entendemos Erick, pero por favor y como dijiste, por respeto a los competidores, te rogaria que emitieras tu voto ya que ese es el motivo de el post!

Yo aun no he votado... Sigo examinando los trabajos... en cuanto tenga un veredicto me paso por aqui y les comento...

[erick_arcini]

Bueno, entonces a mi sano juicio esta es mi opinión:

Para empezar veo que todos usaron frames dentro de su código html

Triby: Tu pagina es muy colorida y sencilla, intente usar el calendario pero solo esta de adorno, pero en una web de, por ejemplo: venta de tickets, envíos postales, entre otros es una muy buena opción y el panel derecho podría bien funcionar como un lector de RSS o mostrar noticias.

Dalvenjha: Tu sitio esta medio loco, lo digo en el sentido de que se ve diferente a un sitio normal, es algo muy parecido a esto: "http://schmedley.com/" pero, desgraciadamente el tiempo de recorrido entre paginas me aturde un poco y de la galería el formulario se sigue montando, pero el concepto que le diste es innovador y te va a llevar a lograr hacer mucho mejores sitios.

Xlogus: Tu sitio tiene ese toque que a mi me gusta (si no fuera por los logos de validación te hubiera nominado para premio nobel de la paz, pero es un nombramiento bastante excesivo), tiene un toque de sencillez magnifico y la letra es de fácil lectura, pero como que al formulario le falto un poquito de estructura pero para la competencia resulta ser de buen agrado.

Jomaruro: Yo creo que con otro tipo de letra se hubiera visto mas bonito, y tiene varios detalles que te faltaron como los botones de validación, dar un toque personal al formulario de datos, y como decía Pao, falto el detalle del logo.

Los demás incluido el mío me marca error, espero que aunque sea fuera de competencia y con algo de tiempo libre pueda mostrar algo realizado por mi, hasta pronto.

PD. no tengo favorito, mi voto se los doy a los cuatro.

[algoparapensar]

Bueno... me toca a mi.
Creo que va a ser un poco dificil decidir cual es el mejor, y creo que esa (por suerte) no sera mi desicion, solo voy a tomar parte de critico.
Si bien no soy diseñador web, voy a hacer mi mejor esfuerzo.
Aunque no voy a ser tan ordenado como lo fue Paola, que se mandó una linda presentacion de las criticas, ni tampoco voy a armar un "podio".

Site Nº1: Triby.

• Bueno, por lo que se ve, esta bien estructurada y ordenada.

• El menú tiene una interesante ubicacion y es original.

• Ahora, me parece que tuvo una dura tarea en la lucha por buscar que los colores se ajusten, si bien son todos compatibles, creo que por ahi tendria que haberles buscado la saturacion correcta para que no parezcan que no estan relacionados.

• La textura de fondo del menú podria haber sido lisa posiblemente, no le veo mucha relacion con el resto.

• Creo que la columna de la izquierda tendria que estar alineada con la de la derecha, es decir la altura del encabezado del Almanaque con la de Eventos para abril 2009. Visualmente queda un poco desordenado.

Site Nº2: XLogus.

• Al igual que Triby, Xlogus tiene un diseño simple y ordenado.

• Con respecto al encabezado, me parece que no esta del todo relacionado con el resto del site, el color azul usado y el logo no se ven reflejados en diseño.

• Linda eleccion de las los graficos usados en el cuerpo y en la galeria, que dicho sea de paso, tiene una muy buena intension, pero a lo mejor si cada imagen seleccionada apareciera por debajo de estas 4, quedaria un poquito mas ordenado sin tapar el texto del cuerpo.

Site Nº3: Jeybi

• Tiene un diseño muy original, buena armonia de colores y una linda textura de fondo.

• Posiblemente podria haber utilizado un poco mas el espacio para el encabezado, esta todo muy alineado a la izquierda y no tiene ningun elemento que haga de contrapeso visual. De la mitad de la pagina hacia la derecha nadie pensaria que pertenece a la parte izquierda ¿se entiende a lo que voy?.

Site Nº4: dalvenjha.

• Bueno, junto con el de Jeybi, es uno de los diseños mas originales, en éste caso, es mucho mas arriesgado.

• Tiene una buena monocromía, liviana y amigable, aunque no hubiera descartado el uso de algun timbre de color como para que tenga un poco mas de fuerza.

• Coincido con Paola en que es un logo muy chico, que tambien afecta al resto de la pagina, ya que las secciones flotantes se llevan todas las miradas.

• Posiblemente el menu podria haber tenido el mismo tamaño en sus botones, pero me parece que es parte del juego del diseño la diversidad de tamaños.

• Algo negativo (y aunque no se si entra dentro de mi critica de diseño) es el paso de secciones, la llegada a Contacto (creo que es la mas distante) es muy larga.

Site Nº5: jomaruro.

• El diseño en general se ve ordenado en un solo cuerpo, con un menu horizontal y simple.

• Problemas con el armado del encabezado, posiblemente haber elegido una estética relacionada a la del monitor hubiera sido algo muy interesante, tal como lo insinuó en el menu.

• Problemas con la elección de los colores, cuesta ajustarse a un azul (por momentos muy oscuro) y un negro.

• El destacado de Manifiesto no parece que fuera de la misma pagina.

• Los titulos no tienen intension de diseño.

• Creo que con poco se podria arreglar bastante.

Bueno, espero haber logrado un vista general de todos los trabajos y haber cumplido para lo que se me convocó.
Felicitaciones por los trabajos.

PS: Los resaltados en negrita son los que estan marcados en cada imagen, creo que esos serian los puntos destacados de las criticas.

[Dalvenjha]

Hola Erick, solo para comentarte, que no use ningún workframe, los códigos javascript son míos, de hecho me tomaron casi toda la amanecida, sobretodo lo de los divs que se mueven y algunos problemas que tuve con arrays y los cambios de color del menú y los titulos de los divs movibles y por eso no me dió tiempo a mejorar el diseño -.-.

Saludos!

[Calizman]

Muchas gracias Algoparapensar por haber dado tu opinion!! Esta bastante acertada y creo que los participantes tomaran tu sugerencia en cuenta para la proxima competencia...

Muchisimas gracias por colaborar con esta iniciativa!!

[Triby]

Paolamurias, gracias por las observaciones, se que tengo mucho camino por recorrer para ser un buen diseñador de logos (aunque tengo un par que me enorgullecen) y los conceptos que diste, para todos, no solo para el mio, ya los tengo anotados y los tendre en consideracion la proxima vez que diseñe algo.

Nuevamente gracias.


erick_arcini, gracias por tus comentarios. Estoy trabajando en una clase PHP para ese calendario de eventos, que, como bien dices, tambien servira para otros fines como calendario escolar, reservaciones de viajes, etc. y los diferentes colores sirven para identificar dias con eventos, periodos, dos o mas periodos juntos, hoy, etc., lamentablemente, por ser solo HTML no se puede mostrar toda la funcionalidad.

Esperamos ver tu trabajo, nunca es tarde para sorprendernos.

Por cierto, Erick, no comentaste sobre el trabajo de jeybi, tambien muy bueno; supongo que no lo tenias en la lista porque fue el ultimo en inscribirse a la competencia.


algoparapensar, muchas gracias por tu opinion, es muy interesante ver que con solo poner un poco mas de atencion y afinar unos pequeños detalles (color, saturacion, posicion, equilibrio, etc.) los trabajos pueden mejorar muchisimo.

Gracias tambien por apoyar a CaLiZzZ y este tipo de competencias con las que todos aprendemos.

P.D. jeybi, mis disculpas por haber escrito mal tu nick en el diseño... sorry.

[algoparapensar]

Iniciado por CaLiZzZ

Muchisimas gracias por colaborar con esta iniciativa!!

Gracias a vos por invitarme, te salio bien la armada.

Iniciado por Triby

algoparapensar, muchas gracias por tu opinion, es muy interesante ver que con solo poner un poco mas de atencion y afinar unos pequeños detalles (color, saturacion, posicion, equilibrio, etc.) los trabajos pueden mejorar muchisimo.

De nada Triby, hiciste un laburo laburo.

[Calizman]

Iniciado por algoparapensar

Gracias a vos por invitarme, te salio bien la armada.

Asi veo... Despues de todo, lo que queria no era solo que los participantes trabajaran, sino que aprendieran de sus errores y de los demas, Muchas gracias a todos por colaborar y ahora solo resta esperar la critica de Cvander, que seguramente nos sorprendera como los demas jueces.

[jeybi]

algoparapensar, gracias por tu critica, nunca me imagine eso de la mitad a la derecha, muy buena!, creo que siempre hay cosas nuevas que aprender.

erick_arcini se te paso mi diseño !! !! , es broma, aun asi si quieres opinar sobre mi trabajo siéntete libre de hacerlo. Una cosa, nadie (al menos eso parece) uso frames, excepto el que unio los trabajos :P.

Iniciado por Triby

P.D. jeybi, mis disculpas por haber escrito mal tu nick en el diseño... sorry.

No te preocupes, los errores pasan :), es mas cuando subí mi sitio al uploader del concurso ¡yo mismo me equivoque de nick!, razón por la cual lo tuve que volver a subir todos los archivos de nuevo (con el nick correcto claro ).

EDIT:

Iniciado por CaLiZzZ

... los participantes tomaran tu sugerencia en cuenta para la proxima competencia... ...

¿ próxima competencia ? no ha acabado esta y ya pensando en la siguiente!, lo de organizar eventos se te da bastante ¿ no es así ?, apuntame en tu lista :)

[Calizman]

Bueeno... Ahora creo que es mi turno comentar algunos trabajos. El orden que usaré, sera el orden que en que fueron subiendo sus trabajos. asi que el primero de todos sera Triby

Tu diseño, personalmente me ha gustado mucho! Son colores que combinan, crea un ambiente agradable y lo mejor es que dan ganas de leer el texto, cosa que pocas paginas en internet pueden hacer.

Algo que Yo personalmente hubiera hecho, es cambiar los colores en las paginas de adentro. Me explico: No cambiar todos los colores, sino que jugar con ellos, ya que llega un momento en que al ver la pagina esperas mas de ella, mas colores, mas vida, y ves que cae en lo mismo, la misma estructura, los mismos colores... Me explico? Por ejemplo poner la caja con esquinas redondeadas, que en vez de que sea azul, en una pagnia sea naranja, en otra sea verde... se entiende lo que quiero decir?

Respecto al codigo, me gusta bastante... Es claro y es bastante entedible todo... asi que eso pone un punto a tu favor.

Otra cosa que me sorprende de tu web, es que sea 100% legible, le he hecho de todo, le desactive imagenes, javascript, la puse en resolucion de 800 x 600, la vi en iphone y nada! Tu web se ve bien! eso quiere decir que tienes una buena maqueta, y seguramente si IE hubiera participado en esta competencia, hubieras podido adaptarla!

Pocas cosas tengo que decir sobre el resto del trabajo... Realmente me has impresionado con tu trabajo, y me siento bastante bien de saber que le has puesto empeño y dedicacion a el asunto... Ahora lo voy a ofrecer en el mercado, haber cuanto me dan por el

Muy buen trabajo Triby, mis mas sinceras y personales felicitaciones por el gran esfuerzo que has hecho!

SIguiente trabajo: XLogus.

[ivor]

Mi voto fue para @XLogus por ser el diseño mejor ajustado a la realidad en cuanto a gustos, colores, distribución de menus, hace un buen uso de jQuery, el aunque el markup no valida (X)HTML con 9 errores, el CSS paso completamente, y el segundo lugar se lo daria a @dalvenjha que de haber trabajado mas en el diseño aseguro que seria el ganador(a) aunque todavia no se sabe... aqui todo puede pasar =) mi recomendación seria que aumentaras la velocidad del "Slide" pues al hacer click en "Volver al inicio" tarda casi 4 seg.

No quiero sonar crudo pero los demas diseños no me gustaron, disculpen.

[erick_arcini]

Iniciado por jeybi

...
erick_arcini se te paso mi diseño !! !! , es broma, aun asi si quieres opinar sobre mi trabajo siéntete libre de hacerlo. Una cosa, nadie (al menos eso parece) uso frames, excepto el que unio los trabajos :P.
...

En primera una disculpa por que se me paso tu sitio, eran tantísimos que no lo vi

Tu diseño me da la impresión como si fuera una web de videojuegos, dinámica, con vida, algo que una consultoría podría decir que ese diseño no es apto para ponerlo en una pagina web comercial tipo Oracle, yo diría que se equivocan ya que le da frescura al sitio, sin mas palabras me agrada.

Solo al logo yo le quitaría el cubo de rubik para principiantes (ya que es de solo un color ) para que, a mi gusto se viera mejor y las letras fuera del mismo cuadro contenedor, y, al cuadro contenedor también colocarle las esquinas redondas como a las fichas laterales pra que se viera mas simétrico.

Tu formulario de contacto no se si se desalineo con respecto a las etiquetas y los inputs o así lo hiciste, pero es un formulario sencillo y funcional, y no creo que a los japoneses les facine este mensaje "Nos gustaria que su comentario fuera un poco mas largo ." si escribiesen con su caligrafía, pero esta bien.

[erick_arcini]

Con respecto a los frames, cuando reviso el código con firebug me aparece algo como esto:

Código html:

<html>
<head>
</head>
<frameset border="0" rows="100%,*">
<frame frameborder="0" src="http://www.miguelmanchego.com/retoweb/competencia/">
<html>
<head>
</head>
<frameset border="0" rows="100%,*">
<frame frameborder="0" src="http://www.miguelmanchego.com/retoweb/competencia/jeybi">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 

[erick_arcini]

Con respecto a los frames, cuando reviso el código con firebug me aparece algo como esto:

Código html:

<html>
<head>
</head>
<frameset border="0" rows="100%,*">
<frame frameborder="0" src="http://www.miguelmanchego.com/retoweb/competencia/">
<html>
<head>
</head>
<frameset border="0" rows="100%,*">
<frame frameborder="0" src="http://www.miguelmanchego.com/retoweb/competencia/jeybi">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 

[jeybi]

Prueba usando "Ver solo este marco" desde el menu contextual de firefox.

Sobre el formulario, el espaciado es intencional, tenia pensado colcar unos graficos como de "enrredadera" que pasaran por abajo de los inputs, pero pues me gano el tiempo :).

[kazafun]

Mi voto es para Jeyby

[XLogus]

Hola Ivor, gracias por tu voto
Me llamo la atención lo que dices sobre la validación, hasta donde probé validaba 100%, ¿En que sitio lo validaste?

[kalvinman]

Me quedo con Jeybi, me parece lo mejor de esta muestra aunque hay muchas cosas muy buenas, como el de las cajas que se arrastran por la pantalla, mountroso jejeje aunque es muy bueno prefiero el de Jeybi por funcionalidad. xD

[Calizman]

Agradezco que digan sus votos, pero voy a pedirles que especificamente voten por las 4 secciones que hay:

-Logo
-Diseño
-Codigo
-Nombre

Ya que la votacion general es aparte.

[Triby]

Yo voto por Master CaLiZzZ en las 4 clasificaciones, porque se porto muy bien con los comentarios-criticas de mi diseño

[Calizman]

Gracias Triby, pero yo no estoy participando...

Y luego de esto me pasas lo acordado no? Por cierto... no recuerdo bien, el que tenia que criticar mal era el de Dalvenjha o el de XLogus?

Naaa... broma, proximamente sigo dando mis opiniones sobre los trabajos!

[Calizman]

Opinion numero 2: Trabajo de XLogus

A mi opinion personal, es una web muy completa, es pequeña, tiene lo necesario, tiene colores que llaman la atencion y te invitan a seguir viendo la web. Creo que de esta, no tengo mucho que decir... Me ha gustado bastante al igual que a muchos de los foreros. Solo hay algo que creo que se te paso por alto, y es que pusiste un JS dentro de el <head>, hubiera sido bueno que todos los archivos JS estuvieran en hojas aparte... Pero son pequeños detalles que no tienen mucha importancia. He revisado la validacion, y a mi me valida todas las hojas en HTML y CSS... No se que fue lo que pasaria anteriormente.

Felicidades por el trabajo XLogus, se ve que es un trabajo dedicado y bien hecho. Muchas gracias por participar en la competencia y haber como te va en las votaciones...

Siguiente trabajo: Jeybi

[Calizman]

Opinion 3: Trabajo de Jeybi

Sinceramente, y he de hacerlo publico. De todas, fue la web que mas me impresionó, hiciste de una competencia "formal" una pagina juvenil, con un toque totalmente personal y eso es dificil de hacer... Pero tengo un par de cosas que mencionar, que si hubieran estado, talvez hubiera sido mi favorita.

Primero: El logotipo que hiciste me encanta, lamentablemente al desactivar las imagenes, tu web se queda sin logo... Es algo que pocas veces podria suceder, pero te lo dejo ahi para que en un futuro no pase de nuevo

Segundo: Tu hoja CSS no valida. Tienes 14 errores en la version 2.1 (que es la que está al hacer click en tus imagenes de validacíon) y 9 en la version 3. Se que las propiedades que usaste, si se podian usar, pero lo que hiciste, perfectamente podias haberlo hecho con JS, no hacia falta usar las propiedades del CSS, asi podrias haber validado tu hoja de estilos.

Tercero: Me gusta la idea de las pestañas, pero nuevamente, al quitar las imagenes, el menu desaparece... Son cosas minimas, pero son cosas que hacen la diferencia.

Cuarto: Este error no puedo dejarlo pasar... Tu pagina, al quitar el JS, no funciona... Una de las reglas fue esa, que sin JS aun funcionara y la tuya no lo hace...

Quinto: Del codigo... No tengo nada que decir Ordenado, entendible y validado

Este es mi resumen: Una pagina muy completa, dedicada y muy agradable a la vista, es algo nuevo y algo diferente a todos... Como dije antes, de algo formal hiciste algo juvenil y eso pone puntos a tu favor. Con un poco de mas afinacion y talvez un poco de mas tiempo, la pagina hubiera quedado de lo mejor. Te felicito por tu trabajo y por tu dedicacion.

Siguiente trabajo: Dalvenjha - Muahahaha....

[jomaruro]

Hola:

Como notareis estos días no me conecto mucho, estoy de vacaciones fuera de mi casa y aunque me he traido el portatil no siempre me puedo conectar (dependo de algún alma caritativa que sin saberlo me "preste" su conexión), así que no tengo muchas oportunidades de ver los trabajos presentados, así que los haya estudiado con calma emitiré mis votos.

Se que mi trabajo no está a la altura de los demás presentados, de todas formas gracias a los que me han votado y a las críticas de los expertos que tendré en cuenta en el futuro.

Un saludo.

[jeybi]

Gracias por tu opinión CaLiZzZ, te doy toda la razón respecto alas imágenes, mi diseño queda desnudo sin ellas. Respecto a la validación del CSS es un tema que no me quedo muy claro en su momento, unos decían 'validez 100%' otros que border-radius please, etc. (si ves la propuesta del reto rookies vs rookies te darás cuenta de que ahora me ando metiendo mas en el asunto).

Te aseguro que funciona 100% sin javascript, creo que tal ves te fallo por que primero navegaste con el JS activo, y después se te ocurrió quitarlo, algo hace que no funcionen las pestañas. Al menos eso creo, pero prueba navegando de nuevo, lo único que hace mi pequeño script es leer la url dentro de los enlaces y añadirles un sufijo (para los cuales hay un respectivo HTML) y cargarlos en el doc principal, en cualquier otro caso simplemente se siguen los enlaces.

Saludos !

[Calizman]

Correcto, lo que hice fue efectivamente eso... navegue primero y luego quite el js... Como sea, tu diseño me encantó y pues... la critica solo intenté hacerla constructiva... Tu web estuvo muy buena Jeybi lo que yo dije son solo cosas menores...

[VanDaliCX]

Mi favorita es la de jeybi tiene un buen diseño, y creo que es el mejor logo, felicidades por el trabajo que hiciste.

Claro ay cositas que mejorarle con respecto a la navegacion en la pagina.

Deverias de hacer el fondo del texto un poco mas claro para facilitar la lectura.

Si esta va a ser la pagina para futuras competencias css creo que le deverias de meter un php en el index para mostrar las ultimas entradas.

Mi segundo lugar hubiera sido la de Xlogus, que tambien esta muy bonita, pero se queda un poco atras por el diseño convensional.

[Calizman]

Gracias por los votos VanDaliCX, te invito a que hagas publico tu voto en las 4 categorias restantes.

-Logo
-Diseño
-Codigo
-Nombre

[cvander]

Tenía pendiente pasar por aquí y dejar mis comentarios luego de revisar detenidamente los trabajos:


Site Nº1: Triby.

Entras a un sitio que está sin duda muy bien ordenado, aunque todas las sombras y contrastes para darle volumen al sitio nacen de un logo que ha fallado como punto inicial. Es poco llamativo y creativo. Además que tanto texto agrupado sobre el círculo le quita todavía más impacto. Me gusta como se maneja el menú superior, dejando luego un montón de espacio sin uso a su derecha.. Por allí por el año 2000 esto se rellenaba con un banner de 468x60 (que todavía existen, pero con muy poca efectividad).

El sitio me gusta, pero tiene ese problema, me hace regresar al pasado. Esto se puede corregir jugando con variedad en las tipografías, definiendo una paleta de colores más restringuida (creo que en algún momento vi naranja, morado, rojo, azul, celeste, gris oscuro, gris claro, etc.) Pero sobre todo aprovechando ese espacio extra que hay. Un logo más adecuado, más simple incluso y un menú que aprovechara el espacio. Incluso se me ocurre que los mismos botones superiores esten alargados sin límite hacia la derecha, para usar todo ese header y que simplemente tengan mucho más impacto.

Me gustó mucho como se estilizó el formulario, manteniendo las curvas que son parte de la estructura del sitio. En el menú de selección, al expandirlo se rompe toda esa estructura.

Creo que si se trabaja más en el encabezado para asegurar que tenga un mayor impacto se podría mejorar todo el proyecto. Me gustan mucho los detalles redondeados, las curvas (porque además se sabe que hay trabajo allí detrás para lograrlos). Y la información una vez navegas fluye sin problemas, se entiende y puedes navegar con tranquilidad.

Site Nº2: XLogus.

Confiezo que me dan un poco de temor los sitios que tienen el ".com" en el logo. Creo que estuvo de moda en algún momento, aunque trataría de evitarlo. Me gusta el sitio, aunque hay un detalle que me recuerda el paint de windows ;) Es un lindo adorno, pero me llama incluso la atención más que el logo y allí es donde me preocupa. Incluso ya que llama tanto la atención bien podría utilizarse como isotipo y simplemente acompañar con una tipografía el nombre del sitio. Lo de los 4 pelones de negro y la sombra, siento que son demasiados detalles.

El menú está muy bien elaborado, con mucha elegancia y también me gusta la opción del sidebar con lo nuevo. Lindo detalle que se amplien los recuadros cuando paso sobre ellos, aunque porfa, no me cambies el cursor, me asustas y no entiendo la razón. No es un indicativo específico, es más, el cursor me recuerda la mira de algún arma e intento dispararle a todos los cuadros esperando que se desintegren (uf, si, a veces me pongo un poco bélico detrás del ordenador).

Me gusta la simplicidad del sitio, esos detalles de la sombra en la parte superior y la paleta de colores. Mi queja va hacia el logo, que es demasiado barroco y pudo haber quedado más simple, para terminar de completar la elegancia del sitio. Y es bien interesante ver como los cuadritos de la derecha con sus bordes balancean todo de forma acertada. Si le mejoras el logo me quejaría menos ;)

Site Nº3: Jeybi

Este logo vende y sin duda se ha ganado el cariño de otros usuarios. Porque cuando entras al sitio, te atrae con suficiente fuerza que empiezas a revisar el sitio con mucho orden. Vez el logo, vez el slogan y poco a poco vas bajando.

Me voy a diseños, y se me desaparece el botón en lo que cambia a la otra imagen. Se que mi conexión no es la mejor, pero son esos pequeños detalles que asustan. Aunque debo decir que la transición con la que aparece el contenido es muy buena, me agrada bastante.

Luego en el formulario de contacto, el botón ese verdecito parece radioactivo, será el color que me recuerda las barritas que Homero Simpson maneja o algo.

Hay un pequeño detalle en donde el encabezado corta y arranca el fondo del diseño, del lado derecho. Se ve el corte, como que un pixel falló y aunque son detalles que casi nadie mira, me fije y lo quería comentar.

Me gusta que parece un documento y la navegación es simple, con efectos que llaman la atención. Sin duda uno de los que me gusto por su simplicidad y que encontró balancear todo de forma adecuada. Felicitaciones por el trabajo.

Site Nº4: dalvenjha.

Cuando entras a este sitio, te encuentras con una ensalada. Eso es bueno, porque te hace ser curioso.. ¿Qué es esto? ¿Es navegable? ¿Dónde pulso primero? Aunque puede confundir al usuario, lo invita a interactuar y veo que todo tiene opciones ya que todo cambia cuando paso el cursor. Pulso la primera cajita, la de los diseños y... OMG (lo tenía que decir), todo se movió.. Dónde le puedo poner pausa para que en mi monitor dejen de pasar los contenidos. Debo admitir, el efecto es lindo, pero es un poco práctico. Recuerda que ya nos tenías distraidos y encantados.. Pero al enterarnos que va a ser un viene y va a cada link, voy a pensar en contenerme cada click que vaya a realizar.

Me puse a ver los siguientes y de repente cuando salió lo de MEN 13 se me montó un formulario (ando en os x con safari). Ahora si me siento perdido. Yo lo arruiné? Mejor regresaré al inicio esperando que todo se vuelva a poner en su lugar. Tarda varios segundos en regresar y mis ojos les cuesta enfocarse de nuevo.

Voy a pulsar otra cajita, aunque ya estoy advertido que esto se mueve cada vez que lo hago. Me voy con cuidado, me voy al formulario de contacto.. Y.... me quedo una página en blanco.. Lo sabía, lo he jodido, el formulario de contacto quedó en lo de MEN 13.. ¿Cómo fue que lo mandé hasta allá? Y cómo lo regreso? Hay cosas lindas en este proyecto, que atraen, pero de repente hasta se me pierden los elementos. Si el objetivo principal es que te mande un correo, no lo voy a lograr y me iré frustrado.

Vuelvo al inicio y aprovecho a charlar de otros detalles. La simplicidad aquí se llevó al extremo, un solo color para los textos y para las cajas. Si permanezco mucho tiempo en el sitio lo empiezo a notar y me asusta un poco el extra de los efectos. Intenté también jugar con los menús de Accesibilidad, Herramientas, inicio.. Me sale una flechita, pero nada se expende, de que trataba esa indicación?

Y el logo.. Parece una marca de agua, le falta impacto, contrasta bien con el sitio, pero como te digo, me inquieta la experiencia, es como si esto tuviera vida propia (tu decides si transmitir eso al usuario es bueno o no). ;)

Site Nº5: jomaruro.

Cuando veo el teclado gigante hacia arriba, me pregunto como pudimos mejorar el impacto de ese elemento. Te imaginas si en lugar de ponerle el texto encima hubieramos escrito el texto con las teclas? Cambiar el QWERTY por el nombre del sitio, dejar el resto de teclas vacías.. Para que el elemento tuviera más vida y me inquietara. Pero quedó como un fondo extraño y el título se lee, se entiende, pero le falto encanto. Luego veo el monitor y el texto de arriba me indica que ese es el Logotipo.. Perdón, lo entendí mal, siempre me pasa que no entiendo estas cosas ;)

La imagen al final del manifiesto es una buena ancla, pero bien podría servir para ilustrar el texto, incluyéndolo más arriba. Las validaciones vaya que se notan con el borde rojo. Pueden ser enlaces más simples, o los tradicionales botoncitos que están disponibles en los respectivos sitios de cada validador.

Me voy a ver los diseños y veo un detalle que me gusta mucho. El pedazo de cinta sobre cada cuadrito. Este elemento me gusta, valdría la pena usarlo en otros lugares, tal vez en la entrada para ilustrar. Me gusta como se ven los trabajos, aunque hay que tener cuidado con forzar el tamaño de las imágenes sobre archivos que eran más pequeños, lo pixeleado da esa sensación de que estuvo mal trabajado.

Y luego llego al formulario de contacto. No entendí porque está el formulario en un tipo de frame o similar. Tampoco me agradaron los bordes que hay en los imputs. De hecho, mi queja aquí va contra los bordes, los de los links del final, el borde punteado que tiene la estructura del sitio y también los campos del formulario. Demasiados bordes que me encierran todo. Si lo dejas flotar seguro que ayudaría.

-------

En fin, mis pequeñas recomendaciones.. Nótese que cuento un poco la experiencia de navegar por el sitio, las sensaciones que me provocan y trato de hacer algunas sugerencias puntuales que podrian ayudar a mejorar lo presentado.

Aclaro que yo de diseño se muy poco (así que hablo de lo que me gusta y me suena correcto para estas épocas de la web), mis habilidades para programar dejan mucho que desear (así que no especifiqué detalles de código ni le dediqué mucho tiempo al firebug).

[jomaruro]

Hola:

Mi votación la voy a hacer basándome en los requisitos de la propia competencia.

Dalvenjha:

- Sin CSS la página funciona perfectamente.
- Sin imágenes la página mantiene la misma estructura.
- Sin javascript se puede acceder a toda la página aunque volver al inicio haya que hacerlo usando la barra de scroll.

Jeiby:

- Sin Css la página funciona perfectamente.
- Sin imágenes la página queda pobre y hasta sin un menú visible.
- Sin javascript se puede acceder a toda la página.

Triby:

- Sin Css la página funciona perfectamente.
- Sin imágenes la página mantiene la misma estructura visual.
- Sin javascript se puede acceder a toda la página.

xLogus:

- Sin Css la página funciona perfectamente.
- Sin imágenes la página queda pobre y hasta sin un menú visible.
- Sin javascript se puede acceder a toda la página.


Esta es mi votación

General: Triby porque para mí es la página que mejor cumple los requisitos de la propia competencia.
Logotipo: Quizá el diseño de logo más agradable visualmente sea el de Jeiby.
Diseño: El diseño general más atractivo visualmente sea el de Triby, donde cada cosa está en su sitio con o sin imágenes. Lógicamente saltando por encima que el calendario, actualmente, no es operativo si es una buena opción para el futuro.
Código: No tengo la experiencia suficiente para poder valorar si un código está ordenado, es limpio y claro, semántico, etc. por tanto doy mi voto en esta sección al trabajo de Dalvenjha porque me parece que es el más innovador y arriesgado a pesar de contar con un fallo en la visualización y en la opción de contacto.
Nombre de la web: Quizá el nombre que mejor representa el motivo de esta competencia que no es otro que aunar las competencias de FDW mi voto es para Jeiby.

Por último, aclarar a todos y en especial a paolamurias y cvander que por un error (mio) en las url relativas (que en local si me funcionaban) que el logotipo de la página y los de las validaciones no se ven, el logo de la página iba centrado en el monitor (de ahí la palabra logotipo que aparece que no es otro que el alt de la imagen). Muchas gracias de todas maneras porque de las críticas se aprende y eso es el objetivo de toda competencia.

Lo de usar las teclas del teclado para el nombre de la web lo pensé pero la falta de experiencia en el uso de programas de retoque fotográfico y la falta de tiempo en los últimos días no me lo permitió.

La próxima vez lo haré mejor.

Gracias a los organizadores y los grandes maestros que estan juzgando los trabajos por sus palabras.

Saludos.