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