Estás en: Cristalab > Artículos > Ganadores del concurso de CSS y XHTML de Cristalab
Ganadores del concurso de CSS y XHTML de Cristalab
Por: Freddie +
10 de Noviembre del 2005
Hace más de un mes anunciábamos a todos nuestros visitantes la apertura del concurso de cambio de la botonera a CSS y XHTML, el cual tuvo una acogida mayor de lo que esperábamos y nos llevo a tardar un poco más en analizar, filtrar y decidir el ganador.
Recibimos muchos diseños "nuevos" solamente en JPG y aunque agradecemos a todos aquellos que nos enviaron este tipo de propuestas, no pudieron entrar al concurso debido a que no cumplían con los requerimientos del mismo (Aunque hubo un diseño que me hizo pensar por un rato en adaptarlo como nuevo header).
Así que de aproximadamente 48 propuestas recibidas, 8 cumplían con los requerimientos y lineamientos del concurso, si la tuya fue descartada, lo mas probable es que solo funcionara en Firefox, que su diseño fuera un poco "inapropiado" (Fuentes de 13px para el submenú de tutoriales, por ejemplo) o que tuviera demasiados errores de validación de XHTML.
El criterio de selección entre los 8 que cumplían los requisitos se baso en (Sin un orden específico):
Presentación grafica
Modularidad
Composición semántica del XHTML
Interoperabilidad multiplataforma
De tal modo, que los 3 primeros puestos son para
¡¡Ganadores!!
the_NEO_JP
TheOm3ga
*the_NEO_JP (Propuesta 2)
Elegimos la propuesta 1 de NEO_JP porque, aunque no es la que tiene mas "efectos gráficos" de las enviadas, es la mas equilibrada de todas y la mas "bonita" a nivel de diseño grafico.
La opción de TheOm3ga (Link en breve) cumplía completamente con todos los requerimientos, pero tenia problemas "visuales" de diseño.
La opción numero 2 de Neo_JP, similar a la actual, incluía un campo dinámico de búsqueda y animaciones de fade-in y fade-out en Javascript, pero era muy pesada, además de tener problemas de funcionamiento después de cierto tiempo.
Nota * :
El tercer puesto "de consolación" no entra como tal dentro de los ganadores
Agradecemos la participación de todos los que nos enviaron sus propuestas, los ganadores, por favor envíen a webmaster@cristalab.com, todos sus datos personales para hacerles llegar los premios
Y ustedes, ¿Qué opinan del nuevo header en CSS y XHTML de Cristalab?
Quisiera ver también las otras opciones enviadas para justificar mejor esto, por el momento lo justifico por que efectivamente se parece bastante al header de flash y es liviano.
Incluso ¿será posible ver las imágenes enviadas? Me gustaría ver que se les ocurrió a otras personas, aunque sea en jotapeje. Por:DanielSemper
Quedó muy bien el nuevo header!!!! y también me parece que se ve mejor Por:Zarzamora
Bueno yo uso IE y a mi nome funciona. Se ve el menu como una lista debajo del logo de CL. Que le vamos a hacer. Por:elav_blog
Bueno...Actualicé la página y se vió un poco mejor..pero el botn de eventos me quedaba un poco por fuera. Otra cosa que no me gusta es el botón buscar, el anterior me gustaba más....Pero por lo demás felicito al ganador....No creo que yo pudiera hacerlo mejor. Por:elav_blog
Felicitaciones por los resultados del concurso. Me agrada bastante lo que han logrado para el encabezado.
Deje una nota en: http://www.maestrosdelweb.com/actualidad/2482/ Por:cvander
Felicidades a los ganadores!
Fuupph!!!, se destapa una botella de whisky! Por:Dano
Wow Enhorabuena Neo_JP!!!
Quedó de lujo!
Bueno estoy en Firefox, linux, y se ven un par de "errorcillos", alguna linea que aparece en la botonera inferior cuando paso el ratón, y en la superior las lineas también hacen alguna cosilla rara, pero casi nada. Si te interesa pongo una captura.
ES la caña, ver cosas así en html+css inspira mucho tio, eres un fiera! Por:Pirata
De lujo. Felicidades a los ganadores y gracias a los participantes. Por:Sisco
Buen trabajo Ne_JP, felicidades... imagino que habra sido un arduo trabajo... solo lo puedo imaginar
Ni si quiera me había dado cuenta de que cambió el header!!!
si no es porque entro a leer el Blog.... shit!!!
Felicidades Neo_jp.... el header Rlz...
Aunque algunas cosillas para tomar en cuenta estarían bien... No veo ningun efecto rollover en los botones inferiores.... estaría muy bien que se lo agregaran... Al igual en el submenu de tutoriales, un rollover estaría bien...
En el maligno... se sale la botonera a la derecha... (eventos queda fuera...)
Al prinicipio solamente aparecian los listados de los links, pero ya refrescando se vio el header.
Felicidades!!! quedo muy bien.
No cabe duda que es casi identico al original y mucho más liviano. Por:Reymond
Wow, muy buen trabajo Neo, felicidades. Por:XKlibur
Veamos, todos aquellos que tengan errores al ver la pagina les piedo que por favor me envien un email con screenshots y parches si es posible a neojp@cristalab.com
El header funcionaba bien, pero al parecer ha habido un par de conflictos al unirlo completamente con clab, aunque ese error fue notado un poco tarde, ya he mandado a Freddie un parche para que se arregle.
Y si aun asi siguen viendo errores, les pido por favor los envien a mi email. Gracias.
PD: La navegación por tabs (inferior) tiene un ligero efecto hover, solo cambia el color de letras por uno un poco mas oscuro. Por:NEO_JP
1. Los errores de IE y Opera seran corregidos. 2. El botón Buscar trataré de implementarlo. 3. Firefox Linux (botonera inferior al pasar el ratón), lo revisaré.
@fede_blog, es probable que no terminaste de descargar la imagen de fondo, actaliza (CTRL+F5) por favor.
@QUHO, si hay efectos rollover en las botoneras solo que son muy sencillos, cambio de colores de fuente, muy ligero y suave, pero ahi esta.
@soundwave, creo que Freddie, Ed, Cris, Joan, y los escla.. err.. digo trabajadores de Clab.
Felicidades, está muy bien, y veo todo correctamente. En lo del botón buscar también estoy de acuerdo, se veía muy bien antes, aunque funciona igual, eso es lo que cuenta. Por:Norke
NEO_JP :
2. El botón Buscar trataré de implementarlo.
que bien porque en el header en Flash era muy muy muy...cómodo para buscar temas en el foro
NEO_JP :
@soundwave, creo que Freddie, Ed, Cris, Joan, y los escla.. err.. digo trabajadores de Clab.
y para mi no hay nada por joder tanto? Por:daat_lod_blog
yo creo que cero diseño osea es lo mismo ke estaba antes en flash...la misma forma los mismos colores ademas tienes errores yo creo que se debio haber dado mas plazo y elejir bajo todos los ptos ademas agregar el de correctitud yo no participe ...teni otras cosas ke hacer es mi opinion prefiero el flash salu2 Por:kook_blog
Interezante el trabajo JP...
Algunos comentarios... El menú (entre otras cosas) en el IE salen desorvitados... (sería bueno que alguna vez te des un salto por este tan conocido navegador)...
lo probe en netscape, firefox, IE, y opera, y en todos ellos aparecia al pricipio el menu de los tutoriales desplegado, pero pues nomas y las fallas de descuadre en IE y opera que tiene al salirse a la derecha le menu pero la verdad quedo igualito al de flash, aunque a mime gustabamas con flash : ( Por:Marmota-foo
Varias cosas
Hay una incompatibilidad con el CSS de Clab por un cambio que le hice, nada raro y ya lo arreglare, por lo que se vera bien en todos los browsers.
El concurso era de pasar el diseño en Flash a CSS, NO de rediseñarlo.
La decisión fue tomada por algunos BOFHs y gente con "bastante" conocimiento del tema afin a Cristalab en base a los parametros expuestos arriba. Por:Freddie
Freddie® :
El concurso era de pasar el diseño en Flash a CSS, NO de rediseñarlo.
muy cierto... ademas en CSS quedo mucho mas liviano por lo que la carga es mas rapida...no se impacienten que ya el header no poseera ningun error , en ningun browser...(los esclav...errr ... los CSS CLabers Xperts lo arreglaran) Asi que: calma! Por:
Anonymous :
Freddie® :
El concurso era de pasar el diseño en Flash a CSS, NO de rediseñarlo.
muy cierto... ademas en CSS quedo mucho mas liviano por lo que la carga es mas rapida...no se impacienten que ya el header no poseera ningun error , en ningun browser...(los esclav...errr ... los CSS CLabers Xperts lo arreglaran) Asi que: calma!
Wow!!! quedo de maravilla, felicidades Neo, me gusta mas como se ve ahora, algo mas "serio", aunq se extraña la funcionalidad del boton buscar
Por cierto, le falta el MMCC Por:skins_say
Pues por el resultado creo que el concurso debio llamarse haz el header que esta en flash, pero usando css. Creo que la idea original del concurso no solo era cambiar de lenguaje, sino que se buscaba una nueva propuesta de diseño, pues eso es lo que se lee en los requerimientos. Asi que no se entiende mucho el resultado, por que a fin de cuentas el header ganador es practicamente lo mismo, no hay ningun aporte a nivel de diseño ni de distribución de botones ni nada. Asi que vuelvo y lo repito, el concurso debio llamarse "Haz lo mismo de flash, pero usando css". Por:nick77_blog
reglas del concurso :
Los requerimientos son
* Debe tener el logo de Cristalab de forma que pueda cambiarse fácilmente (Imagen aparte) * Debe tener todos los botones actuales que tiene la botonera en SWF * El botón de tutoriales debe desplegar las subcategorías como lo hace ahora, no es necesaria la animación * Debe conservar el mismo diseño * Debe permitir cambiar, sin menor problema, la foto del fondo * Preferiblemente que sean texto y no imágenes los enlaces de la botonera * Estos deben poder abrirse en pestañas * Debe funcionar para Firefox, Opera e Internet Explorer 6 ... y si les queda tiempo para Safari (O Daniel me mata Riendo )
Creo que es lo suficientemente claro no? Por:Zarzamora
Don´t feed.... Por:rsibaja
Siendo honesto, no fue algo que me emocionara, pero bueno ver que se puede hacer algo parecido a flash con css. Felicitaciones Neo. Por:bipsa
bipsa :
Siendo honesto, no fue algo que me emocionara, pero bueno ver que se puede hacer algo parecido a flash con css. Felicitaciones Neo.
Precisamente, es mas una prueba de concepto como antesala a Cristalab v3 que ... err, no, digo, por favor, mira fijamente a esta luz que tengo en mi mano ... FUZZ!
Ahora si, como decia, que es una prueba de concepto interesante, ademas de mucho mas usable (Ahora puedes hacer click central y abrir cosas en pestañas, por ejemplo) etc Por:Freddie
Las reglas estan claras.
El nuevo header esta muy bien!
¿Ahora el logo tienes que integrarlo en el JPG no?, es la unica diferencia grande, antes solo cambiabas el jpg y Flash se encargaba de agregarle el logo, las barras, los botones- Por:Josepzin
Segun se, Josepzin, el logo esta aparte, la mascara de alrededor esta aparte y el fondo del header (el azul oscuro ese) tambien esta aparte, ese era uno de los criterios finales del jurado. Por:Ed
¿HE!?! que bueno! como no veia los bordes serruchados di por supuesto que estaba integrado con algun programa de imagen. Veo que el logo es un PNG.
Pero el problema es que en IE no se ve bien. Por:Josepzin
Edito: la primera vez lo mostró mal, actualicé la pantalla y ahora se ve bien, excepto el boton Eventos que se queda afuera.
No es que el formato PNG no tiene 100% soporte todavía?
Estoy preguntando cosas que ya se hablaron? Reconozco que no me leí las paginas anteriores. Por:Josepzin
Se se...muy lindo Pero te sigo odiando.
Por:dave73
Mis más sinceras felicitaciones a Pamp..... errrr.... digo NEO_yei piii Excelente trabajo.
Arreglado, por favor, BORREN SUS CACHES y prueben de nuevo en IE y Opera, cualquier aviso que nos den de mal funcionamiento nos servira, pero ya debe funcionar el header en todos los browsers.
Admito, la primera vez que lo vi hace cosa de una semana, se veía mal en mi versión de explorer, pero ahora está MUCHO MEJOR!! Muy buen trabajo. Enhorabuena!! Por:Carmen
Neo te felicito, te quedo igualito (y pues de los errorsillos, nada en la vida es perfección, así que ánimo) Por:Ereb
Usando IE, cuando paso el raton encima de los botones: buscar / weblog / anime blog / pr0n / colaborar / registrate desaparece el fondo y el borde de la derecha del boton...
Solo me pasa a mi? Si hace falta pongo una captura. Por:
Es porque tengo activa la opcion: Herramientas / Configuracion / Comprobar si hay nuevas versiones de las paginas guardadas: Cada vez que se visita la página.
Es cosa de la image de Background de los botones, tarda unos instantes en volver a leerla de internet y mientras desaparece. Quizas se pueda solucionar ese problema no? Por:Josepzin
No, es por una opción de tu navegador. No es problema, simplemente tú quisiste que haga eso (literalmente).
Pues si, ya es cosa de lo que tarda en cargar por lo que no hay opción.
Por otro lado, esa opción deberia usar, aunque sea minimamente, el cache, asi que es raro (Recordando que navegador es ... no, no es raro) que ocurra. Por:Freddie
solo lo puedo imaginar
hasta que lei la sección de aportes donde "sor piedad" reporta el bug en opera..
cómodo para buscar temas en el foro
lo arreglaran)
Creo que es lo suficientemente claro no?
