Re: [Ovillo] [OT] Sitio con scroll vertical

2012-03-06 Por tema Tei
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

[Ovillo] [OT] Sitio con scroll vertical

2012-02-29 Por tema ReynierPM
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/
-- 
Ing. Reynier Perez Mira
eMail: reynie...@gmail.com, reynie...@hotmail.com
Skype: reynierpm
Mobile: +58 424.180.5609
Site: http://reynierpm.site90.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] [OT] Sitio con scroll vertical

2012-02-29 Por tema ReynierPM
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

2012-02-29 Por tema Tei
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

2012-02-29 Por tema ReynierPM
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

2012-02-29 Por tema Jose G
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

2012-02-29 Por tema Tei
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

2012-02-29 Por tema ReynierPM
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

2012-02-29 Por tema Tei
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

2012-02-29 Por tema ReynierPM
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