Todos juegan - Reto 10Kb

[AlvaroG]

No estoy pudiendo ver las páginas alojadas en freehostia me dice que no puede encontrar el servidor...

Para "que el titulo de ecología se coma parte del recuadro", hay que jugar con el margen del título (ponerlo negativo), darle al body un margen superior acorde (para que no se vea cortado) y, muy importante, especificar el fondo para el título.

Me alegra que te haya gustado


Saludos.

[rith]

Saludos a todos
Quiero molestar de nuevo ya tengo mi pagina un poco abanzada pero aun no he allado un hosting para subirla alguien me acesora ya que es primera vez que subo un sitio

gracias ....

[pitufoweb]

Hola a tod@s, pues a ultima hora me decidí a entrarle a el reto.

pueden verlo aqui


hasta luego.

Oye rith, si quieres puedo ponerla en mi hosting, al fin que solo son 10kb. Si quieres envíamelo por email

[hades87]

pitufo tu web me sale que pesa un poco mas de 10kb :P

[Raulmmmm]

A mí, de momento, las 3 que más me gustan son las de feral, alvlin y pitufoweb.

[pitufoweb]

Iniciado por hades87

pitufo tu web me sale que pesa un poco mas de 10kb :P

Ya lo he arreglado, ahora solo pesa 5kb. Es que tenia mal configurado el photoshop y me guardaba información en la imagen que aumentaba el tamaño.

[hey_alan]

pitufoweb: ¿Como haz hecho para "arreglar" el peso de las imágenes?, creo que tengo el mismo problema ya que en la PC las imágenes me pesan algunos bytes pero al subirlas y examinarlas dice que pesan 4kb :P.

[hey_alan]

Bien, al fin he terminado :P... algunas de las ventajas de no tener novia xP.

http://cybershaman.awardspace.com/webs/ecologia/

El tamaño total es de 9.02 kb:

Documents (1 file) 4 KB
http://cybershaman.awardspace.com/webs/ecologia/ 4 KB
Images (4 files) 3 KB
http://cybershaman.awardspace.com/we...logia/rana.gif 2 KB
http://cybershaman.awardspace.com/webs/ecologia/bg.gif 596 bytes
http://cybershaman.awardspace.com/we...ogia/bglat.gif 293 bytes
http://cybershaman.awardspace.com/we...logia/hoja.gif 190 bytes
Objects (0 files)
Scripts (0 files)
Style Sheets (1 file) 2 KB
http://cybershaman.awardspace.com/we...ia/estilos.css 2 KB

Total 9 KB

Por cierto :P, curiosamente no puedo ver los sitios alojados en freehostia... ¿es cosa mía o el servidor está caido?

[pitufoweb]

Iniciado por hey_alan

pitufoweb: ¿Como haz hecho para "arreglar" el peso de las imágenes?, creo que tengo el mismo problema ya que en la PC las imágenes me pesan algunos bytes pero al subirlas y examinarlas dice que pesan 4kb :P.

Hola, en mi caso es que en photoshop cuando estaba en save for web decía que tenia 1kb, pero cuando la guardaba en el folder ya pesaba como 5kb.

Entonces lo que hice fue que en la ventana de save for web en la parte de arriba en la derecha hay una pequeña flechita que habré un menú donde puedes cambiar la configuración de como guardar los archivos y solo le quite uno que decia include comments. Esto es en PS CS3, las otras versiones no se si sea diferente.

Me gusto tu trabajo. ;)


Hasta pronto.

[hades87]

hey_alan yo tengo alojado en freehostia y la puedo ver bien :\, no se por que tu no al podrás ver, pero no te pierdes gran cosa por que mi web en comparación a al tuya da mas bien pena :(

PD: se podían usar enlaces externos? lo digo por que ví que alan puesto enlaces a lo de la wikipedia, si es así creo que le daré otro cambio a mi web xD

PD2: Como interpreto lo que me dice hera? es que me quedo un poco a cuadros :|

[hey_alan]

hey_alan yo tengo alojado en freehostia y la puedo ver bien :\, no se por que tu no al podrás ver, pero no te pierdes gran cosa por que mi web en comparación a al tuya da mas bien pena :(

Para nada :P, el mío tampoco es una joya .

Tal parece que freehostia está teniendo problemas con sus DNS en Latino américa. Tú y Raulmmmm pueden acceder porque son de españa, mientrás alvlin y yo no.

[hades87]

mmmm entoncees que hago?:S trato de encontrar otro host?

[hgp147]

Hola hades87, proba este host www.110mb.com, no tiene publicidad.

[hades87]

hgp147, al final no la registré en tu host ya que estaba saturado :\

http://websdehades.awardspace.com/ al final me copie de alan y la verdad que va bastante bien xD

[feral]

Iniciado por feral

Bueno chicos aqui esta mi aporte;
http://haize.awardspace.com/

Como se extendio el plazo hasta el dia 20 le he dado unos ultimos retoques.
Esta es mi version final, a no ser que añada algo a ultima hora aunque no creo que ando muy liado.

*La pagina del examinator llevaba caida varios dias pero al parecer hoy ya esta disponible.

[feral]

Iniciado por hades87

hgp147, al final no la registré en tu host ya que estaba saturado :\

http://websdehades.awardspace.com/ al final me copie de alan y la verdad que va bastante bien xD

Pues los boliches de listas se los has copiado directamente a
Alan, y las cabeceras (hasta su alineamiento) y estructuras de parrafos junto a la lista de navegacion en posicion izquierda y bordeada rectangular a mi, no se, menos mal que la brigada anti plagio esta de vacaciones

[metacortex]

Qué vaina, un poco de gente ha entregado y yo aún enredado . Ya terminé, pero estoy 1Kb por encima y ya no sé qué quitar ni comprimir .

Si no queda otra tendré que cargarme la imagen .

[hades87]

Iniciado por feral

Pues los boliches de listas se los has copiado directamente a
Alan, y las cabeceras (hasta su alineamiento) y estructuras de parrafos junto a la lista de navegacion en posicion izquierda y bordeada rectangular a mi, no se, menos mal que la brigada anti plagio esta de vacaciones

yo no me he copiado, solo tomé la idea de los encabezados de tí por que me gustó, por lo demás no hice otra cosa qeu ir metiendo, las hojas de la lista las busque yo en google, si son como las de alan lo siento pero yo en ningún momento he querido plagiar a nadie.

Siento si ha dado esa impresión

[metacortex]

Ya terminé. Aquí está:

http://www.darioferrer.com/varios/fdw-css/10k/

A este tiro lo bautizo "el poder del SPAN" . Me puse a jugar con esas etiquetas y el resultado me gustó.

En principio se pierde un poco la semántica, por lo cual hay que trabajar un poco en conservar el flujo lógico del contenido (por ejemplo con CSS dehabilitado).

Tuve que utilizar píxeles en 2 estilos de texto para que se viera bien en Opera, sólo por eso. Por supuesto me costó unos puntos en accesibilidad. Las medidas relativas de Opera son un poco locas y distan mucho de IE y FF que sí las muestran bien.

El total de peso de los archivos no se ve en el resultado HTML, ya que utilicé PHP para organizar la estructura, a fin de mantenerme en el límite del peso, tanto en la web como en los archivos físicos. Para más información les adjunto todo el kit de archivos, el cual tiene un peso físico de 9.46kb:

http://www.darioferrer.com/varios/fdw-css/10k/meta.zip

Cuando propuse los 10Kb no sabía a lo que me iba a enfrentar jeje. De verdad es duro renunciar a ciertos elementos y recursos para respetar esa regla. Por otra parte, en lo personal me pareció un buen ejercicio.

Mejor dejo de escribir antes de que este post supere los 10Kb

[hades87]

metcacortex me quito el sombrero ante semejante pedazo de web, eso de que se iluminen las letras me ha encantado jeje. La verdad que eres muy bueno en esto y epsero poeder lelgar a un nivel similar :P

[metacortex]

Recopilando los tiros:

MauroC:
http://10flavours.com/fdw/reto_10k/

feral:
http://haize.awardspace.com/

alvlin:
http://alvlin.host.sk/

hades87:
http://websdehades.awardspace.com/

pitufoweb:
http://www.pitufo.name/

hey_alan:
http://cybershaman.awardspace.com/webs/ecologia/

metacortex:
http://www.darioferrer.com/varios/fdw-css/10k/

La de Raulmmmm viene en camino, no sé quién más falta. Si alguien está pendiente de entregar por favor repórtese. Mañana se cierra la competencia, a menos que dos o más usuarios necesiten prórroga. En tal caso podríamos extenderla un día más (21/02)

[AlZuwaga]

WOW meta! Mencantó!
Hubiese estado de lujo que tanto los elementos del menú como sus accesorios visuales (las "letras iluminadas" y las descripciones como Definiendo conceptos) estén activas cuando te encontrás en la sección correspondientes. Otra cosa que noto es que haciendo click en el encabezado, siempre vas a la sección Ramas de la Ecología.

Fuera de esos detalles, me quito el sombrero, el saco, la corbata, la camisa, los zapatos y las medias. Sólo me quedo con mi pantalón ante semejante obra de arte

[AlvaroG]

meta, simplemente genial. No se me ocurre otro calificativo, ni creo tener nada más que agregar.
Directo al 1º lugar

[pitufoweb]

Iniciado por metacortex

La de Raulmmmm viene en camino, no sé quién más falta.

Pero si raulmmmm fue uno de los primeros en terminar http://retocss.freehostia.com o acaso esta haciendo otro?


Te quedo muy bien metacortex. Ojala para próxima ves permitan 100 o 200 kbs.

hasta luego.

[josdelaranda]

Hola, acabo de terminar mi página

Saludos.

[metacortex]

Gracias amigos, de verdad me costó mucho trabajo , más del que calculé .

Daz, lo del active fue una excelente idea. Lástima no se me ocurrió antes. Con respecto al hover directo en las letras, funciona en IE6 y Opera, pero no en FF.

Por cierto, con eso de la camisa y la corbata me acordé del pana josemi por aquello de 'desuniformado'.

Iniciado por hades87

eso de que se iluminen las letras me ha encantado jeje

A mi también me gustó . Al principio me hice este planteamiento: "si un <span> está dentro de un <a> y a ese <a> no le asignamos ninguna característica de estructura, entonces podemos posicionar los <span> donde queramos -olvidándonos por un momento que el <a> y el <li> son elementos padres- aprovechando así todas las propiedades heredadas". Primero probé con ejemplos sencillos y luego lo llevé a un punto más "complejo", que en realidad no es complejo sino lo mismo del principio pero ya aplicándole diseño.

Iniciado por alvlin

No se me ocurre otro calificativo, ni creo tener nada más que agregar.

Fue la única forma de tener alguna esperanza de ganarte jajaja!! En serio me mosqueé con aquél comentario . Yo me dije "nada, este alvlin vendrá con dos pistolones en las manos" y fíjate que sí, ya que noté que tu tiro apenas superó lo 3Kb, cosa que ya dice demasiado. Es decir, tu trabajo acepta el triple de contenido y aún se mantendría en el rango. Buena esa men .


Hablando del tamaño, esa fue mi mayor frustración. De verdad me costó mucho rebajarle peso al tiro. Cuando comencé a planificar el diseño ésta era la primera propuesta:



La estrategia era colocar los títulos "historia", "ramas", etc. en esos salientes, y los textos en el centro. Pero para todo eso necesitaría al menos 18kb, así que con todo el dolor del mundo tuve que desechar el diseño e inventarme algo que no llevara tanto código, considerando que el cabezal ya estaba hecho.

Antes de esto había utilizado la etiqueta <span> muchas veces. Pero con la experiencia de este trabajo aprendí a apreciarla aún más. Bueno, en resumen ese fue el truco del tiro: span + posicionamiento.

[hades87]

bravo bravo metacortex, cada día nso enseñas algo nuevo ^^. Así que con los span haces que se iluminen las letras no? pero yo no se como hacer para que al pasar por encima de 1 menú se iluminen :\.

[Kinopio]

metacortex...excelentoooo...buenísimo tu trabajo...
Es de lo mejor tener maestros como tú ayudándonos en este foro...
Espero algún día poder retar...y ganarle a grandiosos tipos como tú...

[DragonX]

Meta muy buen laburo, solo una cosa.....en FF cuando hago un over sobre la palabra "Okologie" se activa el botón de "ramas de la ecologia" eso esta bien?

Felicitaciones, todos estos sitios presentados estan muy bien estructurados y sus códigos son excelentes, pero vos le sumaste el diseño y la calidad gráfica, es por eso que quiero FELICITARTE de corazón, eso es diseño web....

[Raulmmmm]

Bueno, a metacortex ya le envié un email, dentro de poco pondrá la dirección de mi web.

(Pero ya os digo de antemano que es mucho mejor la de metacortex).