Duelo: Webosiris vs Metacortex (round 2)

[webosiris]

metacortex, yo te reto, cobarde! (plaf.. escuchase como bofetada de mi guante, al mejor estilo victoriano). Espero tus condiciones.



Nota para el público: el round 1 puede verse aquí

[metacortex]

Se me aflojaron las muelas con el guantazo pero te daré la paliza del milenio. Aquí van las condiciones. todas requeridas:

1.- CSS3, XHTML 1.0 Strict.

2.- Accesibilidad AA.

3.- Peso del conjunto de archivos no mayor a 40kb.

Usaremos el mismo HTML de la vez pasada. Imágenes a gusto. Entrega el 5 de diciembre, porque el 6 cumples año y quiero asegurarme de que lo celebres en el sarcófago =P.

Saludos mi pana.

[AlvaroG]

Definivamente no voy a perderme esto

Saludos a ambos (por no desearles suerte, que seguro no lo necesitan)

[webosiris]

acepepto las condiciones. Adicionalmente:

Iniciado por metacortex

Usaremos el mismo HTML de la vez pasada.

de mutuo acuerdo via mensajería instantánea queda que el texto a usar será del artículo Web Semántica y sus principales características. El texto exacto me corresponde elegirlo a mi, así que elijo:
- la introducción
- 3 o 4 secciones a libre elección, pero en donde por lo menos 1 debe de presentar alguna lista

Nos vemos en 5 días.

[metacortex]

Ok nos vemos

[cvander]

Buenísimo.. Voy por los poporopos y quedo al pendiente de las entregas ;)

[paolamurias]

No me lo pierdo!!!! Esto lo trasmiten en directo por fox o por ESPN????

[Angelrl]

Sentado en un buen sillón, con una buena jarra de Ice Tea, más una buena pizza... Esperaré mientras comienza la alfombra roja de este evento y luego la presentación. :D

[PatomaS]

Hola gente

Una pena que no se puedan ya ver los primeros diseños, pero estaremos pendientes de las nuevas joyas.

Creo que el CSS3 es demasiado ya que su soporte es muy inestable, sin embargo, será interesante ver que logran.

Estaría genial, si acompañan la entrega con algún tipo de comentario, por ejemplo, lo que más les gustó de lo que hicieron , lo que menos, lo que les dejó el mejor sabor de boca técnicamente, igual pero en diseño, etc.

Bueno, ya falta poquito.

Felicidad

[metacortex]

Al igual que la competencia pasada, no vamos a usar elementos de CSS3 que generen incopatibilidad. Sólo es necesario que la hoja de estilos valide correctamente.

[PatomaS]

Genial

:)

¡ A ver, a ver, a ver !

No nos tengan a la espera tanto tiempo

:)

Felicidad

[bootexe]

Que gane el mejor

[webosiris]

bueno, yo ya tengo mi tiro pronto pero meta me pidió un tiempo más, así que vamos a esperarlo...

como adelanto decir que los 40 Kb representaron un verdadero desafío!

[metacortex]

Sí. Salgo de un pequeño asunto de último momento y continúo con la construcción de la web. Espero colgar mi tiro el sábado. De todas formas puedes ir publicando el tuyo si es tu deseo, no hay problema . O quizás desees dejarlo hornear un poco más a ver qué se puede pulir ¿te fijas? ¿Qué harías sin un contrincante tan magnánimo y paciente como yo?

[rogertm]

ñO...! llegue a tiempo, echence pa lla y demen un lao, que la pelicula no comienza aun, y como se ve, la pista esta bien caliente, jajaja, esperemos a estos maestros a ver que nus traen de tarea pa la casa

webosiris, aunque no te conosco, pero FEICIDADES por tu cumple hoy

una preguntica tecnica, de la competencia anterior la pagina de metacortex es http://www.desdecaracas.com/fdw-css/ ? por que nunca la he podido ver, siempre me da error:

El URL solicitado no se ha podido conseguir

bueno, de todas formas que gane el mejor, aunque en este tipo de eventos ganamos todos, pues podemos ver como trabajan los que saben

saludos y suerte

[metacortex]

Ese dominio ya no lo tengo. En un ratito traslado los archivos a otro lado. Gracias por avisar.

[sumolari]

Aún llego a tiempo de ver la competencia ¡¡bien!!

[metacortex]

Ernesto, llevo como un 70%. Espérame un ratito más.

[metacortex]

Ya estoy listo. En lo que webosiris se reporte lanzo el tiro. Gracias a todos por la espera.

[rogertm]

bueno, que se apague la luz y comience la funcion

[webosiris]

Bueno señores, señoras y señoritas... aquí esta mi tiro!!
http://www.oraculus.com/fdw/competencia2

Conversando con meta hemos decidido ambos usar un javascript, scriptIE7 que arregla ciertas fallas y carencias molestas del ie6, por lo que ese escript queda fuera del conteo del peso total del sitio. Dicho eso, mi tiro pesa en total 30 Kb


Haciendo el trabajo y al posicionar un H1 + fondo con position:fixed, me encontré con un bug de firefox, una variante del 90198 Por suerte y en base a prueba y error encontré una solución parcial ayer :) El bug no se manifiesta si el elemento posicionado mide menos de 633px de ancho... no pregunten porqué de este extraño comportamiento... no tengo ni idea.
Voy a estudiar mejor el tema y después enviaré mis descubrimientos a bugzilla

La imagen de fondo que usé esta sacada de La foto astronómica del día (después de terminar me di cuenta que la licencia no permite modificarla, pero ya que esto es para fines meramente educativos supongo que no habrá mayor problema). Fue un lindo desafío usar una imágen tan grande como terminé usando (1000x530px) y no salirme de los límites de los 40Kb

Para la lista que aparece en "Principales componentes" usé una lista de definición en vez de la lista desordenada que aparece en el artículo original, ya que creo que semánticamente se ajusta mejor. El asterisco usado pertenece a "FamFamFam Silk"

Todo el html se basó en la concepción KISS (Kip it simple stupid!)

[metacortex]

Aquí lanzo mi tiro:

http://www.desarrollo-de-sitios-web....fdw/index.html

Este trabajo fue especialmente agradable de diseñar y maquetar, debido a que tuve la oportunidad de mejorar un poquito más el dominio de las medidas relativas. También pude comprender la correcta aplicación de PNG transparentes a IE con sólo CSS.

Me mantuve en el concepto de maquetar en función al contenido y hubo algunas acciones arriesgadas al respecto, tales como la inclusión de los enlaces al principio (en lugar del pie de página) y el uso del color verde, uno de los colores más inseguros para diseñar debido a lo volátil que podrían resultar sus combinaciones en algunos casos.

Aunque se trata de una maquetación monopágina, quise implementar un pequeño menú para hacerla un poco más usable.

Saludos.

[rogertm]

ño...! webosiris, has levantado tremenda polvareda en la arena del coliseo

EDITO: que mientras escribia metacortex lanzaba tambien, y si, es genial, me gusta mucho tambien, ambos son tremendos gladiadores en este asuntico.

saludos y suerte

[sumolari]

Me gustaron los dos, al de metacortex le faltan las estrellitas del diseño de webosiris, mientras que al de este le faltan las flechitas del de metacortex (como se puede ver yo sólo me fijo en las imágenes... que valen más que 1000 palabras )

¡¡¡Este es mi post número MIL (1000)!!!

[JavierB]

Muy buenos los dos

Me ha gustado mucho el encabezado "rasgado" de webosiris

Saludos,

[metacortex]

Me acabo de dar cuenta que a ambos se nos olvidó hacer el favicon =P

[AlvaroG]

Los dos son excelentes, es un placer leer un HTML tan claro que produzca páginas tan bonitas

Webosiris: la imagen que usaste es excelente, como la mayoría de las imágenes de APOTD. Gran sitio El diseño se nota bien cuidado, como es tu costumbre
Sin embargo, el predominio del azul casi sin tonos diferentes le resta unos puntitos...
El efecto del encabezado me gusta, coincido con JavierB. También me gusta que quede fijo con el fondo.
En resumen, me gusta pero algún colorcito más hubiera estado mejor.

Meta: Georgia me gusta mucho. Se me hace realmente agradable para leer. El menú lateral está bonito, la combinación de colores es muy efectiva.
Has dejado un poco vacío el pie de página, algunos de los enlaces del comienzo quizás hubieran quedado bien repetidos en el pie. La cabecera me gusta, aunque hubiera elegido alguna otra tipografía.

Felicitaciones a ambos, gran trabajo.
Si hay votación, me quedo con el de Metacortex


Saludos.

[metacortex]

Bueno comenzaron las votaciones:

webosiris 0 - metacortex 1 /* El que vaya votando que suba la cuenta */

[sumolari]

Me gustó más el de meta, coincido con alvlin, demasiado azul en el tuyo webosiris.

Continuando con las votaciones:
Webosiris 0 - Metacortex 2

[bootexe]

Webosiris 0.5 - Metacortex 2.5
me gustaron ambos