Duelo: hdennison vs dalvenjha

hdennison · #31 (**permalink**) 21/11/2010, 15:48

http://hdennison.com/forosdelweb/

En mi caso, he decidido hacer una pequeña aplicación web, utilizando lo siguiente:

contentEditable
El texto de la carta puede ser editado por el usuario.
localStorage
Los cambios realizados se guardan en el propio navegador, para próximas visitas.
AJAX
El contenido escondido (selectores de tipografía) solo se carga cuando es requerido.
@font-face
El documento puede utilizar tipografías no instaladas en la maquina del visitante,
Javascript
He usado jQuery 1.4.4 sin ningún plugin, pero se podría hacer todo con JS básico.
CSS
Para el CSS, he usado html5doctor.com reset css, y he tratado de escribir mi código basándome en las directivas de OOCSS

Internet explorer
Aunque no era un requisito obligatorio, he intentado que toda la aplicación sea compatible con Interet Explorer.
Esto lo he conseguido principalemente gracias a:

HTML5 IE shiv
Para poder utilizar elementos HTML5
HTML5 IE shiv

Selectivizr
Permite el uso de varios selectores CSS3, como por ejemplo nth:child(even)
Selectivizr

CSS3 PIE

Permite el uso de algunos efectos CSS3, como en mi caso border-radius
CSS3 pie

valentina4you · #32 (**permalink**) 21/11/2010, 15:52

Es el producto final?

hdennison · #33 (**permalink**) 21/11/2010, 15:53

Cita:

Iniciado por valentina4you

Es el producto final?

Si, se que el diseño apesta, pero no tengo tiempo para más... ;)

valentina4you · #34 (**permalink**) 21/11/2010, 15:54

Jaja, si la verdad que el diseño esta muy pero muy pobre :( es una lástima, realmente esperaba ver algo al menos bonito en un mes!

hdennison · #35 (**permalink**) 21/11/2010, 15:57

creo que el objetivo del reto no era ver algo bonito, si no demostrar nuevas funcionalidades, por eso lo dejé en segundo plano.

La belleza de mi ejemplo (si la tiene) está en el código ;)

valentina4you · #36 (**permalink**) 21/11/2010, 16:12

Creo que eso es un error:

Cita:

¿Qué se evalúa?
limpieza y orden del código html
limpieza y orden del código css
accesibilidad
diseño gráfico y estética
la semántica será apreciada como un valor añadido

Ninguno de los item es más importante que otro por separado, son un conjunto de cosas que debe tener una página para evaluarse como buena. Una página super bien diseñada pero que no funcione provocará que los usuarios salgan de ella, lo mismo que si la página es muy funcional pero es poco atractiva. Lo primero entra por los ojos!

Vamos a ver qué nos presenta el otro participante y veremos de evaluar y prestar un feedback!

hdennison · #37 (**permalink**) 21/11/2010, 16:40

pues en tal caso, lo entendí mal.

Debido a mi falta de organización me quedé sin tiempo, y pensé que la lista iba de "mas a menos importante"

Edit: debido a la conversación con valentina4you, y a que nadie más dice nada, he hecho un "ninja edit" en mi proyecto.

Ahora seguirá sin ganar premios de belleza, pero tiene un diseño "minimal" que por lo menos no asusta nada más entrar (cómo pasaba con el otro)

Técnicamente sigue siendo día 21, asi que entra dentro del plazo... :D

Gracias por todo ;)

Nuevamente:

http://hdennison.com/forosdelweb/

y

Archivo rar

Dalvenjha · #38 (**permalink**) 21/11/2010, 21:28

=D he tenido un día familiar digamoslo así, he llegado hace un momento y creo que llegó la hora de mandar y dar por cumplido el reto, que aún me faltaron cosas es evidente, que hubiera querido meter más, como cosas que le enseñé a algún forista, pero las tendré que dejar para luego, así que dejo aquí mi proyecto de este game y bueno una yapa que hubiera querido meter.

Saludos, aquí van los archivos:

http://buenaondaperu.org/concurso/ archivo principal o index
http://buenaondaperu.org/concurso/prueba.html página interna de un tutorial
http://buenaondaperu.org/nuevounicef/proba2.html y esta es una pequeña yapa que será mi próximo tutorial.

Saludos

Pd.- El vídeo de la página interna pueden verlo a pantalla completa está en HD de hecho les recomiendo verlo, es bravazo!

pitufoweb · #39 (**permalink**) 21/11/2010, 22:47

Veo que ya modificaste tu trabajo, creo que me gustaba mas el primero, pero están bien.

El segundo post esta muy bueno.

Saludos

hdennison · #40 (**permalink**) 22/11/2010, 02:25

me encanta el diseño, muy limpio, muy estudiadas las animaciones. buen trabajo! ;)

Dalvenjha · #41 (**permalink**) 22/11/2010, 05:46

See había caido el server de Buena Onda pero ya regresó, así que dejo las direcciones normales:

http://buenaondaperu.org/concurso/ archivo principal o index
http://buenaondaperu.org/concurso/prueba.html página interna de un tutorial
http://buenaondaperu.org/nuevounicef/proba2.html y esta es una pequeña yapa que será mi próximo tutorial.

Saludos

Gracias Dennison por los halagos, saludos y los tomo con calma =)

Dalvenjha · #42 (**permalink**) 22/11/2010, 08:35

Dejo la dirección alternativa, no sé quele pasa hoy a godaddy...

http://web.cap.org.pe/concurso/ index
http://web.cap.org.pe/concurso/prueba.html una de las internas

masterojitos · #43 (**permalink**) 22/11/2010, 09:20

Comentarios:

hdennison, tu trabajo apesar de no tener mucho contenido ni diseño.... tiene aspectos que veo interesante, lo de javascript y ajax por ejemplo sin dejar de lado el uso de fuentes... en relacion al IE, bueno pero sin muchos meritos.

Dalvenjha, tu trabajo sin decir mucho es muy bueno.... tienes casi todo, ya que veo el uso de css3 y un uso de jquery, pero 2 puntos: uno es que podrias aver organizado y comprimido mas tu codigo y el otro es que parece algo increible que te hayas tomado la molestia de hacer todo eso, solo por una competencia... como si diera la impresion que ya lo tenias hecho y eso no se si esta bien o mal en una competencias de estas.

Mi Voto va para Dalvenjha.

Espero mas comentarios, para poder intercambiar opiniones..... claro y que algun moderador pueda crear la encuesta oficial para votar quien fue mejor ^^

Suerte a ambos

Dalvenjha · #44 (**permalink**) 22/11/2010, 09:28

Querido Masterojitos, he creado todo eso este mes, y tengo testigos que han visto el proceso de creación y como ha ido avanzando con el paso de los días, sin embargo mi trabajo dista mucho de estar terminado, y no pienso dejarlo así, una vez terminado el concurso lo mejoraré y refinaré, mis tiempos apretados no me permitieron revisar muchas cosas que luego corregiré.

Saludos

Pd.- Gracias por lo de increíble, lo tomo con calma.

Calizman · #45 (**permalink**) 22/11/2010, 09:44

Saludos!

Paso rapido: Mi voto va para Dalvenjha que, aunque seguro pagó para que alguien lo hiciera, está mejor desarrollado.

Luego les paso mi espectativa de sus trabajos. Solo que por ahora estoy algo liado.

Hasta Luego!

Dalvenjha · #46 (**permalink**) 22/11/2010, 09:47

Oh no! Calizman me ha descubierto, en verdad me lo bajé de template monster =(

XLogus · #47 (**permalink**) 22/11/2010, 09:49

Gracias a los competidores por hacer llegar su propuesta dentro del plazo establecido.

Pueden votar y hacer llegar sus comentarios en el siguiente POST
http://www.forosdelweb.com/f95/encue...venjha-862021/

Calizman · #48 (**permalink**) 22/11/2010, 09:51

Sabía yo...! A la hoguera!!...

Nah! Ya fuera de bromas, que excelente trabajo has hecho Luis!! Pronto enlazaré tu perfil de facebook a mi firma.

Hasta Luego!

Dalvenjha · #49 (**permalink**) 22/11/2010, 09:55

=O y así todos se enterarán de las cursilerías que le escribo a mi novia xD

joseomaker · #50 (**permalink**) 22/11/2010, 22:27

hdennison,HERMOSO CODIGO,es lo que aprecia un webmaster,solo se mira por encima y ya se entiende aunque no se,HTML5 nunca me convencio mas que todo por las etuiqueta "video" y "audio" no se,se me hace que para eso esta Flash...

pero bueno,tampoco me gusta mucho content y nav,aunque bueno...

hdennison · #51 (**permalink**) 23/11/2010, 05:47

Me equivoqué de post, me paso a http://www.forosdelweb.com/f95/encue...venjha-862021/

valentina4you · #52 (**permalink**) 23/11/2010, 11:21

Para realizar el feedback por acá o por el otro¿?

Dalvenjha · #53 (**permalink**) 23/11/2010, 11:26

En el otro post.

Saludos