Re: [Ovillo] Un poco OffTopic -Desplazamiento horizontal
Estoy de acuerdo. Efectivamente, el sitio tiene defectos graves, pero eso no quita que, pese a mi alergia a javascript, pueda aprender algo de él. Siempre insisto en que un sitio tiene que ser usable y accesible sin necesidad de usar javascript ni flash ni cualquier otro tipo de plugin. Saludos. El 10 de febrero de 2009 0:50, Mauricio Dulce escribió: > Si pero esta pagina tiene un grave problema, si la vemos en una > resolución superior a 1024 puede ver los otros contenidos, desde mi > punto de vista nunca usaría un tipo de solución como esta. > > Si no estoy mal la idea original viene de > > http://www.panic.com/coda/ > > y creo que usaron este template, aunque lo modificaron un poco pero > básicamente están usando jquery > > http://bustatheme.com/wordpress/wp-coda/ > > Pero lo que digo, no es aconsejable usar este tipo de interfases, > pueden ser muy llamativas, pero complican un poco el tema de > accesibilidad. > > El 9/02/2009, a las 18:43, Daniel Navarro escribió: > > > Hola, José Manuel. Gracias por mostrarnos esta página. Analizando > > sitios se > > puede aprender mucho. > > > > Las imágenes están incluidas en el documento html en la forma: > > > > > > > > > > ... > > > > > > En las hojas de estilo: > > - El div#imagenes se posiciona de forma absoluta > > - Las imágenes se establecen con display:block y se flotan a la > > izquierda. > > - Con la propiedad z-index se controla que los diferentes elementos se > > sitúen por encima de las imágenes. > > > > Para el movimiento usa javascript, más concretamente la función > > *animate* de > > jQuery. Puedes ver ejemplos de uso en > > http://docs.jquery.com/Effects/animate > > > > Saludos. > > > > El 9 de febrero de 2009 10:11, Jose Manuel Segovia > > escribió: > > > >> Hola a todos, > >> > >> Quizá esta pregunta es un poco OffTopic pero es que me ha gustado > >> el efecto > >> que he visto en una web y no se como lo hacen. > >> Esta es la web: www.ayerviernes.com > >> > >> Y lo que hacen es desplazarla a izquierda o derecha según la > >> selección del > >> menú. Por lo que veo no es Flash y no se muy bien como lo hacen. > >> También > >> tienen un efecto de centrado del fondo dependiendo del tamaño de la > >> ventana > >> que tampoco se como lo consiguen. > >> > >> Si alguien sabe algo, o de alguna web donde expliquen como hacerlo lo > >> agradecería. > >> > >> Saludos, > >> > >> Jose > >> > >> > >> 2008/11/16 Javier Guerrero > >> > >>> Hola, yo tambièn estaba buscando una soluciòn para hacer que el > >>> footer > >>> siempre se posicione en la parte inferior del navegador, y para mi > >> alegrìa > >>> encontrè estas soluciones: > >>> > >>> http://ryanfait.com/sticky-footer/ > >>> http://www.csslab.cl/ejemplos/footer.html > >>> > >>> Saludos cordiales > >>> ___ > >>> Lista de distribución Ovillo > >>> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > >>> Puedes modificar tus datos o desuscribirte en la siguiente > >>> dirección: > >>> http://lists.ovillo.org/mailman/listinfo/ovillo > >>> > >> ___ > >> Lista de distribución Ovillo > >> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > >> Puedes modificar tus datos o desuscribirte en la siguiente dirección: > >> http://lists.ovillo.org/mailman/listinfo/ovillo > >> > > ___ > > Lista de distribución Ovillo > > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > > Puedes modificar tus datos o desuscribirte en la siguiente > > dirección: http://lists.ovillo.org/mailman/listinfo/ovillo > > Mauricio Dulce > mauricio.du...@gmail.com > +57 315 4183043 > http://www.3zona.com > > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Un poco OffTopic -Desplazamiento horizontal
Si pero esta pagina tiene un grave problema, si la vemos en una resolución superior a 1024 puede ver los otros contenidos, desde mi punto de vista nunca usaría un tipo de solución como esta. Si no estoy mal la idea original viene de http://www.panic.com/coda/ y creo que usaron este template, aunque lo modificaron un poco pero básicamente están usando jquery http://bustatheme.com/wordpress/wp-coda/ Pero lo que digo, no es aconsejable usar este tipo de interfases, pueden ser muy llamativas, pero complican un poco el tema de accesibilidad. El 9/02/2009, a las 18:43, Daniel Navarro escribió: > Hola, José Manuel. Gracias por mostrarnos esta página. Analizando > sitios se > puede aprender mucho. > > Las imágenes están incluidas en el documento html en la forma: > > > > > ... > > > En las hojas de estilo: > - El div#imagenes se posiciona de forma absoluta > - Las imágenes se establecen con display:block y se flotan a la > izquierda. > - Con la propiedad z-index se controla que los diferentes elementos se > sitúen por encima de las imágenes. > > Para el movimiento usa javascript, más concretamente la función > *animate* de > jQuery. Puedes ver ejemplos de uso en > http://docs.jquery.com/Effects/animate > > Saludos. > > El 9 de febrero de 2009 10:11, Jose Manuel Segovia > escribió: > >> Hola a todos, >> >> Quizá esta pregunta es un poco OffTopic pero es que me ha gustado >> el efecto >> que he visto en una web y no se como lo hacen. >> Esta es la web: www.ayerviernes.com >> >> Y lo que hacen es desplazarla a izquierda o derecha según la >> selección del >> menú. Por lo que veo no es Flash y no se muy bien como lo hacen. >> También >> tienen un efecto de centrado del fondo dependiendo del tamaño de la >> ventana >> que tampoco se como lo consiguen. >> >> Si alguien sabe algo, o de alguna web donde expliquen como hacerlo lo >> agradecería. >> >> Saludos, >> >> Jose >> >> >> 2008/11/16 Javier Guerrero >> >>> Hola, yo tambièn estaba buscando una soluciòn para hacer que el >>> footer >>> siempre se posicione en la parte inferior del navegador, y para mi >> alegrìa >>> encontrè estas soluciones: >>> >>> http://ryanfait.com/sticky-footer/ >>> http://www.csslab.cl/ejemplos/footer.html >>> >>> Saludos cordiales >>> ___ >>> Lista de distribución Ovillo >>> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org >>> Puedes modificar tus datos o desuscribirte en la siguiente >>> dirección: >>> http://lists.ovillo.org/mailman/listinfo/ovillo >>> >> ___ >> Lista de distribución Ovillo >> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org >> Puedes modificar tus datos o desuscribirte en la siguiente dirección: >> http://lists.ovillo.org/mailman/listinfo/ovillo >> > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente > dirección: http://lists.ovillo.org/mailman/listinfo/ovillo Mauricio Dulce mauricio.du...@gmail.com +57 315 4183043 http://www.3zona.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Un poco OffTopic -Desplazamiento horizontal
Hola, José Manuel. Gracias por mostrarnos esta página. Analizando sitios se puede aprender mucho. Las imágenes están incluidas en el documento html en la forma: ... En las hojas de estilo: - El div#imagenes se posiciona de forma absoluta - Las imágenes se establecen con display:block y se flotan a la izquierda. - Con la propiedad z-index se controla que los diferentes elementos se sitúen por encima de las imágenes. Para el movimiento usa javascript, más concretamente la función *animate* de jQuery. Puedes ver ejemplos de uso en http://docs.jquery.com/Effects/animate Saludos. El 9 de febrero de 2009 10:11, Jose Manuel Segovia escribió: > Hola a todos, > > Quizá esta pregunta es un poco OffTopic pero es que me ha gustado el efecto > que he visto en una web y no se como lo hacen. > Esta es la web: www.ayerviernes.com > > Y lo que hacen es desplazarla a izquierda o derecha según la selección del > menú. Por lo que veo no es Flash y no se muy bien como lo hacen. También > tienen un efecto de centrado del fondo dependiendo del tamaño de la ventana > que tampoco se como lo consiguen. > > Si alguien sabe algo, o de alguna web donde expliquen como hacerlo lo > agradecería. > > Saludos, > > Jose > > > 2008/11/16 Javier Guerrero > > > Hola, yo tambièn estaba buscando una soluciòn para hacer que el footer > > siempre se posicione en la parte inferior del navegador, y para mi > alegrìa > > encontrè estas soluciones: > > > > http://ryanfait.com/sticky-footer/ > > http://www.csslab.cl/ejemplos/footer.html > > > > Saludos cordiales > > ___ > > Lista de distribución Ovillo > > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > > http://lists.ovillo.org/mailman/listinfo/ovillo > > > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Un poco OffTopic -Desplazamiento horizontal
El 9 de febrero de 2009 18:52, Tei escribió: > 2009/2/9 Jose Manuel Segovia > > > Hola a todos, > > > > Quizá esta pregunta es un poco OffTopic pero es que me ha gustado el > efecto > > que he visto en una web y no se como lo hacen. > > Esta es la web: www.ayerviernes.com > > > > Y lo que hacen es desplazarla a izquierda o derecha según la selección > del > > menú. Por lo que veo no es Flash y no se muy bien como lo hacen. También > > tienen un efecto de centrado del fondo dependiendo del tamaño de la > ventana > > que tampoco se como lo consiguen. > > > > Si alguien sabe algo, o de alguna web donde expliquen como hacerlo lo > > agradecería. > > > > > si que es interesante... lo he estado mirando un momento rapido (no tenia > tiempo para mas) y me ha parecido bien curioso que consigan pasar de una > pagina a otra sin parpadeo... aunque no se si eso lo da Firefox, o que, > realmente pareciera como si que cambiaran de pagina, al menos la url > cambia, > eso creo que es una confirmacion total Tei, la URL cambia porque está utilizando #anclas para desplazarse entre los ids, fíjate en el principio de cada url, cambia el ancla pero la página es la misma. > > > la animacion de la imagen de fondo hay mil maneras de hacerla, pero estos > parece que la hacen en un div, de fondo, con overflow hidden, ponen dos > imagenes con diferentes desplazamiento de tal manera que una siga a otra, > cambian ese desplazamiento en el tiempo (para animar) y eso no parece ser > duro en CPU. Y con un par de recetas de Mootools o jQuery, consigues unos bonitos efectos de desplazamiento :P > > > el codigo lo he mirado muy por encima, es muy manual (si buscas una formula > magistral o una receta de cocina, olvidate) un codigo muy masajeado y > currado y que probablemente tiene historia como para llenar un pequeño > libro > de anecdotas. Digo manual, pero tira intensisimamente de JQuery. > > quizas no tiene mas secreto que muchas horas currandoselo para que funciona > bien y lo haga tan bonito. > > > yo lo habria implementado de otra manera, en una sola pagina, y mostrando > una u otra seccion oculta...mucho mas facil de como lo han hecho estos, con > la ventaja de mayor usabilidad (pueden hacerles bookmark de una seccion > concreta). Creo que de esta forma, con los #anclas, no lo he comprobado pero puedes crear bookmarks tranquilamente. > > > > -- > -- > ℱin del ℳensaje. > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > Es un buen trabajo, pero lo malo es que tanto efecto tira mucho de CPU, y mi vieja cafetera se resiente. Al final se consigue algo amable y bonito pero demasiado pesado para navegarlo a diario... Como una web presencial está bien. -- Philipp Keweloh "Love all, trust a few." - Shakespeare ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Un poco OffTopic -Desplazamiento horizontal
Te dejo un sitio(1) donde explican un poco como se hace (1) http://woork.blogspot.com/2009/02/useful-tips-to-design-horizontal.html El 9 de febrero de 2009 11:52, Tei escribió: > 2009/2/9 Jose Manuel Segovia > > > Hola a todos, > > > > Quizá esta pregunta es un poco OffTopic pero es que me ha gustado el > efecto > > que he visto en una web y no se como lo hacen. > > Esta es la web: www.ayerviernes.com > > > > Y lo que hacen es desplazarla a izquierda o derecha según la selección > del > > menú. Por lo que veo no es Flash y no se muy bien como lo hacen. También > > tienen un efecto de centrado del fondo dependiendo del tamaño de la > ventana > > que tampoco se como lo consiguen. > > > > Si alguien sabe algo, o de alguna web donde expliquen como hacerlo lo > > agradecería. > > > > > si que es interesante... lo he estado mirando un momento rapido (no tenia > tiempo para mas) y me ha parecido bien curioso que consigan pasar de una > pagina a otra sin parpadeo... aunque no se si eso lo da Firefox, o que, > realmente pareciera como si que cambiaran de pagina, al menos la url > cambia, > eso creo que es una confirmacion total > > la animacion de la imagen de fondo hay mil maneras de hacerla, pero estos > parece que la hacen en un div, de fondo, con overflow hidden, ponen dos > imagenes con diferentes desplazamiento de tal manera que una siga a otra, > cambian ese desplazamiento en el tiempo (para animar) y eso no parece ser > duro en CPU. > > el codigo lo he mirado muy por encima, es muy manual (si buscas una formula > magistral o una receta de cocina, olvidate) un codigo muy masajeado y > currado y que probablemente tiene historia como para llenar un pequeño > libro > de anecdotas. Digo manual, pero tira intensisimamente de JQuery. > > quizas no tiene mas secreto que muchas horas currandoselo para que funciona > bien y lo haga tan bonito. > > > yo lo habria implementado de otra manera, en una sola pagina, y mostrando > una u otra seccion oculta...mucho mas facil de como lo han hecho estos, con > la ventaja de mayor usabilidad (pueden hacerles bookmark de una seccion > concreta). > > > -- > -- > ℱin del ℳensaje. > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo -- http://daflai.wordpress.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Un poco OffTopic -Desplazamiento horizontal
2009/2/9 Jose Manuel Segovia > Hola a todos, > > Quizá esta pregunta es un poco OffTopic pero es que me ha gustado el efecto > que he visto en una web y no se como lo hacen. > Esta es la web: www.ayerviernes.com > > Y lo que hacen es desplazarla a izquierda o derecha según la selección del > menú. Por lo que veo no es Flash y no se muy bien como lo hacen. También > tienen un efecto de centrado del fondo dependiendo del tamaño de la ventana > que tampoco se como lo consiguen. > > Si alguien sabe algo, o de alguna web donde expliquen como hacerlo lo > agradecería. > si que es interesante... lo he estado mirando un momento rapido (no tenia tiempo para mas) y me ha parecido bien curioso que consigan pasar de una pagina a otra sin parpadeo... aunque no se si eso lo da Firefox, o que, realmente pareciera como si que cambiaran de pagina, al menos la url cambia, eso creo que es una confirmacion total la animacion de la imagen de fondo hay mil maneras de hacerla, pero estos parece que la hacen en un div, de fondo, con overflow hidden, ponen dos imagenes con diferentes desplazamiento de tal manera que una siga a otra, cambian ese desplazamiento en el tiempo (para animar) y eso no parece ser duro en CPU. el codigo lo he mirado muy por encima, es muy manual (si buscas una formula magistral o una receta de cocina, olvidate) un codigo muy masajeado y currado y que probablemente tiene historia como para llenar un pequeño libro de anecdotas. Digo manual, pero tira intensisimamente de JQuery. quizas no tiene mas secreto que muchas horas currandoselo para que funciona bien y lo haga tan bonito. yo lo habria implementado de otra manera, en una sola pagina, y mostrando una u otra seccion oculta...mucho mas facil de como lo han hecho estos, con la ventaja de mayor usabilidad (pueden hacerles bookmark de una seccion concreta). -- -- ℱin del ℳensaje. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] Un poco OffTopic -Desplazamiento horizontal
Hola a todos, Quizá esta pregunta es un poco OffTopic pero es que me ha gustado el efecto que he visto en una web y no se como lo hacen. Esta es la web: www.ayerviernes.com Y lo que hacen es desplazarla a izquierda o derecha según la selección del menú. Por lo que veo no es Flash y no se muy bien como lo hacen. También tienen un efecto de centrado del fondo dependiendo del tamaño de la ventana que tampoco se como lo consiguen. Si alguien sabe algo, o de alguna web donde expliquen como hacerlo lo agradecería. Saludos, Jose 2008/11/16 Javier Guerrero > Hola, yo tambièn estaba buscando una soluciòn para hacer que el footer > siempre se posicione en la parte inferior del navegador, y para mi alegrìa > encontrè estas soluciones: > > http://ryanfait.com/sticky-footer/ > http://www.csslab.cl/ejemplos/footer.html > > Saludos cordiales > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
