Re: [Ovillo] [OT] Sitio con scroll vertical
Que hagas pruebas con un smarphone o tablet cada poco tiempo. O que construyas la pagina con jquery mobile, que no te dará exactamente el mismo efecto gráfico de transición entre paginas, pero que seguro te funciona de puta madre en una pantalla táctil. 2012/2/29 ReynierPM reynie...@hotmail.com: Hmmm y entonces cual es tu sugerencia? On 2/29/2012 2:38 PM, Tei wrote: Simplemente decirte que si eso que dices esta muy arriba en tus prioridades, que desearrolles con un table pegado al codo, y que pruebes cada poco tiempo. Para detectar pronto si metes alguna cosa que rompe esa posibilidad. -- -- ℱ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
Re: [Ovillo] [OT] Sitio con scroll vertical
Mil DISCULPAS se me fue el correo sin terminar la idea de lo que estaba escribiendo :( Se me ha pedido que la navegacion sea vertical o sea que las paginas pasen como slides. Para cambiar de enlaces de forma automatica he pensado, ya que estoy usando Twitter Bootstrap en, en el comportamiento o plugin Scrollspy[1] que permite moverme de un enlace a otro a medida que voy cambiando de zonas o secciones y ademas hacer uso de las librerias easing[2] y mousewheel[3]. Hasta aqui todo muy hermoso pero ... como todas las cosas tienen un PERO, no se como hacerlo, alguna idea o ayuda? Yo encontre esto[4] que es precisamente lo que quiero pero no logro adaptarlo a este diseño y es precisamente por una pregunta relacionada que hice de poner el contenedor al height: 100% Alguien que haya hecho algo semejante? [1] http://twitter.github.com/bootstrap/javascript.html#scrollspy [2] http://gsgd.co.uk/sandbox/jquery/easing/ [3] http://www.adomas.org/javascript-mouse-wheel/ [4] http://tympanus.net/codrops/2010/06/02/smooth-vertical-or-horizontal-page-scrolling-with-jquery/ On 2/29/2012 8:35 AM, ReynierPM wrote: Jejejeje cosas de un informatico frustrado y al que las neuronas ya no le funcionaban en ese instante XD He actualizado los fuentes en la misma direccion y la cosa va tomando algo de forma. Ahora bien, se me ha pedido que la navegacion sea vertical o sea que las paginas pasen como slides. Para cambiar de enlaces de forma automatica he pensado, ya que estoy usando Twitter Bootstrap en, en el comportamiento o plugin Scrollspy[1] que permite moverme de un enlace a otro a medida que voy cambiando de zonas o secciones y ademas hacer uso de las librerias easing[2] y mousewheel[3]. Hasta aqui todo muy hermoso pero ... como todas las cosas tienen un PERO, no se como hacerlo, alguna idea o ayuda? Alguien que haya hecho algo semejante? [1] http://twitter.github.com/bootstrap/javascript.html#scrollspy [2] http://gsgd.co.uk/sandbox/jquery/easing/ [3] http://www.adomas.org/javascript-mouse-wheel/ ___ 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] [OT] Sitio con scroll vertical
Puede que tengas ya un html diseñado, con su CSS. Puedes tratar de implementar primero este plugin que te hace el scroll suave vertical, leyendo como funciona el ejemplo, y reproduciendolo con tu código. Una vez que tengas eso funcionando, añade la funcionalidad de que ese scroll se dispare gracias a la rueda del ratón. Supongo que el plugin de scroll vertical suave te dara una api. No intentes hacer algo complicado porque no podrás o no te saldrá, seguro que puedes reproducir el ejemplo del plugin de scroll suave vertical, empieza por ahí. Cuando te atasques, pregunta o googlea. -- -- ℱ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
Re: [Ovillo] [OT] Sitio con scroll vertical
Como bien dices tengo el HTML diseñado, puedes hecharle un ojo aca
http://testexam.webatu.com/ pero estoy teniendo problemas pues cuando
intento poner el height del DIV con clase row al 100% me desaparece el
contenido por completo y ese creo que es el primer paso segun explican
en el tutorial:
.section{
margin:0px;
height:4000px;
width:100%;
float:left;
text-shadow:1px 1px 2px #f0f0f0;
}
solo que en mi caso lo llame section-vertical y solo aplique el
height:100% (las otras propiedades no las necesito). Alguna idea o ayuda?
Ing. Reynier Perez Mira
eMail: reynie...@gmail.com, reynie...@hotmail.com
Skype: reynierpm
Mobile: +58 424.180.5609
Site: http://reynierpm.site90.com
On 2/29/2012 10:02 AM, Tei wrote:
Puede que tengas ya un html diseñado, con su CSS. Puedes tratar de
implementar primero este plugin que te hace el scroll suave vertical,
leyendo como funciona el ejemplo, y reproduciendolo con tu código.
Una vez que tengas eso funcionando, añade la funcionalidad de que ese
scroll se dispare gracias a la rueda del ratón. Supongo que el
plugin de scroll vertical suave te dara una api.
No intentes hacer algo complicado porque no podrás o no te saldrá,
seguro que puedes reproducir el ejemplo del plugin de scroll suave
vertical, empieza por ahí. Cuando te atasques, pregunta o googlea.
___
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] [OT] Sitio con scroll vertical
Que dificil, cuando entro a su sitio no veo el section-vertical, ni vi que
el row tiene 100% de height..
Saludos
2012/2/29 ReynierPM reynie...@gmail.com
Como bien dices tengo el HTML diseñado, puedes hecharle un ojo aca
http://testexam.webatu.com/ pero estoy teniendo problemas pues cuando
intento poner el height del DIV con clase row al 100% me desaparece el
contenido por completo y ese creo que es el primer paso segun explican
en el tutorial:
.section{
margin:0px;
height:4000px;
width:100%;
float:left;
text-shadow:1px 1px 2px #f0f0f0;
}
solo que en mi caso lo llame section-vertical y solo aplique el
height:100% (las otras propiedades no las necesito). Alguna idea o ayuda?
Ing. Reynier Perez Mira
eMail: reynie...@gmail.com, reynie...@hotmail.com
Skype: reynierpm
Mobile: +58 424.180.5609
Site: http://reynierpm.site90.com
On 2/29/2012 10:02 AM, Tei wrote:
Puede que tengas ya un html diseñado, con su CSS. Puedes tratar de
implementar primero este plugin que te hace el scroll suave vertical,
leyendo como funciona el ejemplo, y reproduciendolo con tu código.
Una vez que tengas eso funcionando, añade la funcionalidad de que ese
scroll se dispare gracias a la rueda del ratón. Supongo que el
plugin de scroll vertical suave te dara una api.
No intentes hacer algo complicado porque no podrás o no te saldrá,
seguro que puedes reproducir el ejemplo del plugin de scroll suave
vertical, empieza por ahí. Cuando te atasques, pregunta o googlea.
___
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] [OT] Sitio con scroll vertical
He visto que tu ejemplo tiene elementos de HTML5 y soporte para
dispositivos tactiles.
Si sigues el camino que has elegido, posiblemente el resultado no
funcione en movile u otros dispositivos tactiles.
A lo mejor te interesa construir algo que desde el principio este
pensado para dispositivos tactiles.
Este ejemplo (especialmente el ejemplo Slideup) no parece estar
excesivamente lejos de lo que quieres conseguir.
http://jquerymobile.com/demos/1.0.1/docs/pages/page-transitions.html
Igual no es el momento de hablar de esto, ... perdona e ignora este mensaje.
2012/2/29 ReynierPM reynie...@gmail.com:
Como bien dices tengo el HTML diseñado, puedes hecharle un ojo aca
http://testexam.webatu.com/ pero estoy teniendo problemas pues cuando
intento poner el height del DIV con clase row al 100% me desaparece el
contenido por completo y ese creo que es el primer paso segun explican
en el tutorial:
.section{
margin:0px;
height:4000px;
width:100%;
float:left;
text-shadow:1px 1px 2px #f0f0f0;
}
solo que en mi caso lo llame section-vertical y solo aplique el
height:100% (las otras propiedades no las necesito). Alguna idea o ayuda?
Ing. Reynier Perez Mira
eMail: reynie...@gmail.com, reynie...@hotmail.com
Skype: reynierpm
Mobile: +58 424.180.5609
Site: http://reynierpm.site90.com
On 2/29/2012 10:02 AM, Tei wrote:
Puede que tengas ya un html diseñado, con su CSS. Puedes tratar de
implementar primero este plugin que te hace el scroll suave vertical,
leyendo como funciona el ejemplo, y reproduciendolo con tu código.
Una vez que tengas eso funcionando, añade la funcionalidad de que ese
scroll se dispare gracias a la rueda del ratón. Supongo que el
plugin de scroll vertical suave te dara una api.
No intentes hacer algo complicado porque no podrás o no te saldrá,
seguro que puedes reproducir el ejemplo del plugin de scroll suave
Siempre me pasa igual. Yo quiero ayudar a la gente, asi que leo
listas de correo. Pero me pasa infinitas veces que veo que la gente
pregunta una cosa, pero en realidad necesita otra. No deberia
postear en listas de correo como Ovillo :(
vertical, empieza por ahí. Cuando te atasques, pregunta o googlea.
___
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
--
--
ℱ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
Re: [Ovillo] [OT] Sitio con scroll vertical
Tienes razon estoy usando HTML5 y soporte para dispositivos moviles pero no es mi idea hacer un sitio para moviles solamente sino la idea es que sea soportado en principio por navegadores de PC, tablets y luego smartphones. Quizas al terminar el maquetado para PC entonces pueda crear una version movil usando algun metodo para identificar el UA del usuario y redireccionarlo a uno u otro diseño en base a eso. Saludos Ing. Reynier Perez Mira eMail: reynie...@gmail.com, reynie...@hotmail.com Skype: reynierpm Mobile: +58 424.180.5609 Site: http://reynierpm.site90.com On 2/29/2012 12:09 PM, Tei wrote: He visto que tu ejemplo tiene elementos de HTML5 y soporte para dispositivos tactiles. Si sigues el camino que has elegido, posiblemente el resultado no funcione en movile u otros dispositivos tactiles. A lo mejor te interesa construir algo que desde el principio este pensado para dispositivos tactiles. Este ejemplo (especialmente el ejemplo Slideup) no parece estar excesivamente lejos de lo que quieres conseguir. http://jquerymobile.com/demos/1.0.1/docs/pages/page-transitions.html Igual no es el momento de hablar de esto, ... perdona e ignora este mensaje. ___ 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] [OT] Sitio con scroll vertical
Simplemente decirte que si eso que dices esta muy arriba en tus prioridades, que desearrolles con un table pegado al codo, y que pruebes cada poco tiempo. Para detectar pronto si metes alguna cosa que rompe esa posibilidad. 2012/2/29 ReynierPM reynie...@gmail.com: Tienes razon estoy usando HTML5 y soporte para dispositivos moviles pero no es mi idea hacer un sitio para moviles solamente sino la idea es que sea soportado en principio por navegadores de PC, tablets y luego smartphones. Quizas al terminar el maquetado para PC entonces pueda crear una version movil usando algun metodo para identificar el UA del usuario y redireccionarlo a uno u otro diseño en base a eso. Saludos Ing. Reynier Perez Mira eMail: reynie...@gmail.com, reynie...@hotmail.com Skype: reynierpm Mobile: +58 424.180.5609 Site: http://reynierpm.site90.com On 2/29/2012 12:09 PM, Tei wrote: He visto que tu ejemplo tiene elementos de HTML5 y soporte para dispositivos tactiles. Si sigues el camino que has elegido, posiblemente el resultado no funcione en movile u otros dispositivos tactiles. A lo mejor te interesa construir algo que desde el principio este pensado para dispositivos tactiles. -- -- ℱ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
Re: [Ovillo] [OT] Sitio con scroll vertical
Hmmm y entonces cual es tu sugerencia? On 2/29/2012 2:38 PM, Tei wrote: Simplemente decirte que si eso que dices esta muy arriba en tus prioridades, que desearrolles con un table pegado al codo, y que pruebes cada poco tiempo. Para detectar pronto si metes alguna cosa que rompe esa posibilidad. ___ 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
