Foros del Web

Foros del Web (http://www.forosdelweb.com/)
-   Competencias CSS (http://www.forosdelweb.com/f95/)
-   -   Todos juegan - Reto 10Kb (http://www.forosdelweb.com/f95/todos-juegan-reto-10kb-552724/)

hades87 14/02/2008 12:37

Re: Todos juegan - Reto 10Kb
 
pues mejor quitalo :P, pq yo la mrie con el developer viewer y pesa eso ^^

hey_alan 14/02/2008 13:44

Re: Todos juegan - Reto 10Kb
 
Disculpen la molestia, pero parece que el puglin de "View Dependencies" ya no se encuentra :P. ¿Exista alguna otra manera de saberlo?

[ Editado ]

Qué idiota, no me fije que el web developer también tiene esa función.

Sobre la web de feral, en efecto, el script es lo que aumenta notablemente el tamaño:
Cita:

Documents (1 file) 3 KB
http://haize.awardspace.com/ 3 KB
Images (4 files) 2 KB
http://haize.awardspace.com/imagenes/pajaro.gif 682 bytes
http://haize.awardspace.com/imagenes/caracol.gif 568 bytes
http://haize.awardspace.com/imagenes/hoja.gif 527 bytes
http://haize.awardspace.com/imagenes/tild.gif 462 bytes
Objects (0 files)
Scripts (1 file) 6 KB (21 KB uncompressed)
http://www.google-analytics.com/urchin.js 6 KB (21 KB uncompressed)
Style Sheets (1 file) 2 KB
http://haize.awardspace.com/estilo.css 2 KB
Total 14 KB (28 KB uncompressed)

hades87 14/02/2008 13:52

Re: Todos juegan - Reto 10Kb
 
https://addons.mozilla.org/es-ES/firefox/addon/2214

aquí os dejo el pluguin para firefox :D

metacortex 14/02/2008 18:27

Re: Todos juegan - Reto 10Kb
 
Cita:

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

Muy buena! me gustó bastante :arriba: sobre todo como asumiste la estética. Esos "bullets" quedaron de lujo. Igualmente todo el código está bien validado.

Cita:

Iniciado por hey_alan
Disculpen la molestia, pero parece que el puglin de "View Dependencies" ya no se encuentra :P. ¿Exista alguna otra manera de saberlo?

View dependencies: https://addons.mozilla.org/es-ES/firefox/addon/2214

¿Será que puse mal el link? :ojotes:


Caramba, no puedo accesar a la página www.accesible.com.ar (La del Examinator). Me da error 404 :neurotico. Ojalá no la hayan quitado.


Bueno hasta ahora tenemos dos buenos tiros:

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

- Feral: http://haize.awardspace.com/

Obviamente llevaron la delantera. Están muy buenas ambas propuestas. Pueden irle haciendo modificaciones hasta el 20, no hay problema.

Este 20 de Febrero cierra el combate, así que apurémonos con nuestros trabajos (yo incluido :Zzz: )

MauroC 15/02/2008 08:28

Re: Todos juegan - Reto 10Kb
 
Perdon, chicos...

Estoy moviendo el host, mi host se fue al bombo hace 3 dias ya...
Estoy moviendo todo lo que puedo...

Espero tenerlo antes del 20... -.-

hades87 15/02/2008 15:34

Re: Todos juegan - Reto 10Kb
 
ya decia yo que no la podía ver :S, seguro que si que lo tendrás listo :D

AlvaroG 16/02/2008 11:19

Re: Todos juegan - Reto 10Kb
 
Bueno, le he dado muchas vueltas y creo que ya no lo puedo modificar más, al menos no se me ocurre cómo. Creo que me ha quedado bastante bien :-)


http://alvlin.host.sk


El límite de 10K es bastante difícil, me hubiera gustado agregarle algunas cosas pero me quedo muy conforme igual.


Espero que les guste


Saludos.

hades87 16/02/2008 13:43

Re: Todos juegan - Reto 10Kb
 
la mia esta aqui: http://hades87.freehostia.com es muy simplona, pero es que no se me ocurria nada mas, a ver si apra el próximo reto me pongo las pilas.

Raulmmmm 16/02/2008 14:25

Re: Todos juegan - Reto 10Kb
 
Yo ya tengo la mía, totalmente redimensionable:
http://retocss.freehostia.com

hades87 16/02/2008 16:19

Re: Todos juegan - Reto 10Kb
 
la de alvlin me encanta, lo que no se es como hacer eso de que el titulo de ecología se coma parte del recuadro, me imagino que sera con z-index no?

AlvaroG 16/02/2008 16:49

Re: Todos juegan - Reto 10Kb
 
No estoy pudiendo ver las páginas alojadas en freehostia :no: 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 16/02/2008 18:24

Re: Todos juegan - Reto 10Kb
 
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 17/02/2008 01:23

Re: Todos juegan - Reto 10Kb
 
Hola a tod@s, pues a ultima hora me decidí a entrarle a el reto.

pueden verlo aqui


hasta luego. :adios:

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

hades87 17/02/2008 03:02

Re: Todos juegan - Reto 10Kb
 
pitufo tu web me sale que pesa un poco mas de 10kb :P

Raulmmmm 17/02/2008 03:20

Re: Todos juegan - Reto 10Kb
 
A mí, de momento, las 3 que más me gustan son las de feral, alvlin y pitufoweb.

pitufoweb 17/02/2008 13:41

Re: Todos juegan - Reto 10Kb
 
Cita:

Iniciado por hades87 (Mensaje 2288318)
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 17/02/2008 16:58

Re: Todos juegan - Reto 10Kb
 
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 17/02/2008 18:41

Re: Todos juegan - Reto 10Kb
 
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 17/02/2008 19:02

Re: Todos juegan - Reto 10Kb
 
Cita:

Iniciado por hey_alan (Mensaje 2288849)
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 18/02/2008 03:37

Re: Todos juegan - Reto 10Kb
 
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 18/02/2008 15:57

Re: Todos juegan - Reto 10Kb
 
Cita:

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 :borracho:.

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 18/02/2008 17:35

Re: Todos juegan - Reto 10Kb
 
mmmm entoncees que hago?:S trato de encontrar otro host?

hgp147 18/02/2008 17:54

Re: Todos juegan - Reto 10Kb
 
Hola hades87, proba este host www.110mb.com, no tiene publicidad.

hades87 18/02/2008 18:11

Re: Todos juegan - Reto 10Kb
 
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 18/02/2008 19:12

Re: Todos juegan - Reto 10Kb
 
Cita:

Iniciado por feral (Mensaje 2284791)
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 18/02/2008 19:27

Re: Todos juegan - Reto 10Kb
 
Cita:

Iniciado por hades87 (Mensaje 2290267)
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 :policia:

metacortex 19/02/2008 00:53

Re: Todos juegan - Reto 10Kb
 
Qué vaina, un poco de gente ha entregado y yo aún enredado :borracho:. 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 19/02/2008 02:13

Re: Todos juegan - Reto 10Kb
 
Cita:

Iniciado por feral (Mensaje 2290340)
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 :policia:

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 19/02/2008 15:41

Re: Todos juegan - Reto 10Kb
 
:arriba: Ya terminé. Aquí está:

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

A este tiro lo bautizo "el poder del SPAN" :-D . 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 :borracho:

hades87 19/02/2008 16:12

Re: Todos juegan - Reto 10Kb
 
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 19/02/2008 16:14

Re: Todos juegan - Reto 10Kb
 
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) :arriba:

AlZuwaga 19/02/2008 16:45

Re: Todos juegan - Reto 10Kb
 
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 19/02/2008 18:42

Re: Todos juegan - Reto 10Kb
 
meta, simplemente genial. No se me ocurre otro calificativo, ni creo tener nada más que agregar.
Directo al 1º lugar :-D

:aplauso::aplauso::aplauso::aplauso::aplauso:

pitufoweb 19/02/2008 18:55

Re: Todos juegan - Reto 10Kb
 
Cita:

Iniciado por metacortex (Mensaje 2291590)
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 19/02/2008 21:37

Re: Todos juegan - Reto 10Kb
 
Hola, acabo de terminar mi página

Saludos.

metacortex 19/02/2008 22:00

Re: Todos juegan - Reto 10Kb
 
Gracias amigos, de verdad me costó mucho trabajo :borracho:, más del que calculé :borracho:.

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'.

Cita:

Iniciado por hades87
eso de que se iluminen las letras me ha encantado jeje

A mi también me gustó :arriba:. 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.

Cita:

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 :risa:. 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 :arriba:.


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:

http://img179.imageshack.us/img179/825/fdcsrg2.jpg


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 20/02/2008 02:22

Re: Todos juegan - Reto 10Kb
 
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 20/02/2008 11:56

Re: Todos juegan - Reto 10Kb
 
metacortex...excelentoooo...buenísimo tu trabajo...:aplauso:
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 20/02/2008 12:08

Re: Todos juegan - Reto 10Kb
 
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....

:adios:

Raulmmmm 20/02/2008 13:46

Re: Todos juegan - Reto 10Kb
 
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).

metacortex 20/02/2008 15:21

Re: Todos juegan - Reto 10Kb
 
Lista actualizada de trabajos:

MauroC:
http://flexservo.info/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/

Raulmmmm
http://www.darioferrer.com/varios/fdw-css/raulmmmm/

josdelaranda
http://codigolimpio.com/concurso_foros/

metacortex 20/02/2008 15:40

Re: Todos juegan - Reto 10Kb
 
Cita:

Iniciado por DragonX
en FF cuando hago un over sobre la palabra "Okologie" se activa el botón de "ramas de la ecologia" eso esta bien?

Daz me había hecho la misma observación. Al parecer Firefox toma la capa entera como un enlace, lo que no sucede con IE y Opera (en esos navegadores sí funciona bien el hover sobre las letras). Al final no supe cómo resolverlo.

Cita:

Iniciado por hades87
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

Al principio ese asunto se me hizo complicado, pero luego le agarré la "maña": Ahí la palabra Okologie está repetida 5 veces. Cada SPAN está posicionado absoluto. El visibility: hidden oculta lo que no quiero que se muestre y dejo libre el pedazo que me interesa, el cual también cambia con el hover.

kahlito 21/02/2008 02:48

Re: Todos juegan - Reto 10Kb
 
Felicidades a todos, muy buenos trabajos :aplauso::aplauso::aplauso:

Por ahora me quedo con ganas de hacerlo por falta de tiempo...:'(

:adios:

hades87 21/02/2008 04:04

Re: Todos juegan - Reto 10Kb
 
entiendo metacortex :D, la verdad qeu una idea muy ingeniosa la tuya, eso de jugar con los hidden, los span y enlaces que no tiene enlaces :P

La vedad que me doy cuenta que me queda largo camino por recorrer.

Para cuando otra competencia así en plan masivo? xD

rith 21/02/2008 13:22

Re: Todos juegan - Reto 10Kb
 
Bueno solo me queda felicitar a todos los que terminaron sus paginas, yo soy nuevo y no pude terminar a tiempo pero gracias a todos los que me sacaron de dudas (raul, webosiris, etc..) espero poder terminar a la otra y ser mas competitivo ya que si que estan bonitas las paginas...

Gracias y mis mas sinceras disculpas....

MauroC 21/02/2008 15:07

Re: Todos juegan - Reto 10Kb
 
Pude subir de nuevo mi tiro, perdon la tardanza, pero estuve en un viaje:

http://flexservo.info/reto_10k/

Es el mismo que antes en otro host

JavierB 21/02/2008 15:20

Re: Todos juegan - Reto 10Kb
 
Felicidades a todos los participantes :aplauso:

El trabajo de Meta, me ha gustado mucho :ojotes:

Saludos, :adios:

juaniquillo 21/02/2008 17:43

Re: Todos juegan - Reto 10Kb
 
Yo tambien los felicito a todos. Muy buenos diseños con tan poquito peso... :arriba:

metacortex 22/02/2008 02:28

Re: Todos juegan - Reto 10Kb
 
Jajajaj amigos, sólo para que vean el poder de los estándares en el posicionamiento web. Acabo de husmear en las estadísticas de mi sitio y miren cuáles fueron los términos de búsqueda de Google de ayer:

Cita:

47 ramas de la ecologia
18 disciplinas relacionadas con la ecologia
8 objeto de estudio de la ecologia
7 ciencias derivadas de la ecologia
6 las ramas de la ecologia
5 objeto de la ecologia
4 ramas de ecologia
4 amas de la ecologia
3 ecologia ramas
3 ecologia y ciencias relacionadas
3 desarrollo webs en joomla
3 ramas de la ecologÃ*a
2 linea joomla titulo madeyourweb
2 disenos web venezuela
2 ciencias y ramas de la ecologia
2 convertir utf iso php
2 historia de como surge la ecologia
2 ventajas y desventajas cms plantilla
2 php convertir a utf 8
2 ramas relacionadas con la ecologia
Con la frase ramas de la ecología aparecemos en la primera página kahlito y yo :risa:. No miré con los demás términos.

¿Alguien puede revisar sus estadísticas a ver si le pasó algo similar?.

hades87 22/02/2008 03:11

Re: Todos juegan - Reto 10Kb
 
que bueno meta, si es que deslumbras hasta en google :D, como se mrian las estadisticas de tu sitio?


La zona horaria es GMT -6. Ahora son las 14:13.

Desarrollado por vBulletin® Versión 3.8.7
Derechos de Autor ©2000 - 2026, Jelsoft Enterprises Ltd.