[SOLUCIONADO] Orientacion de cómo hicieron una pagina

[neglivv]

Hola amigos del foro!

Por favor me pueden orientar acerca de cómo hicieron esta pagina?:

http://www.jorgerigabert.com/

Sé que usaron css3, html5 y jquery, pero mi duda es cómo se hace el efecto de que la página se "ruede" al hacer clic en el menú de la izquierda.

de antemano gracias!!

[pzin]

Se consigue mediante JavaScript. Busca por smooth scrolling, seguro que algo sale.

[neglivv]

Iniciado por Bonez

Se consigue mediante JavaScript. Busca por smooth scrolling, seguro que algo sale.

WO! muchas gracias! no sabia como se llamaba el efecto...
Ya lo logre hacer, usé lo que encontré en este pequeño tutorial:
http://www.berriart.com/2012/06/29/s...ng-con-jquery/

Ahora tengo una duda, en cuando a accesibilidad es adecuado ese efecto para dispositivos móviles? en caso de que no sea adecuado, hay alguna forma de "impedir" que se ejecute ese script cuando se "detecte" que se visita la pagina desde un dispositivo?
Mi idea es hacer un sitio que sea llamativo (creo que con el efecto de scroll suave lo lograre) y que no se torne complicado en un dispositivo móvil...

[pistonasos]

El tipo es un genio o usa plantillas/diseños prefabricados ?

[memoadian]

Iniciado por pistonasos

El tipo es un genio o usa plantillas/diseños prefabricados ?

No necesitas ser un genio para hacer algo así, webs similares hay muchisimas.

[pzin]

Iniciado por neglivv

Ahora tengo una duda, en cuando a accesibilidad es adecuado ese efecto para dispositivos móviles? en caso de que no sea adecuado, hay alguna forma de "impedir" que se ejecute ese script cuando se "detecte" que se visita la pagina desde un dispositivo?
Mi idea es hacer un sitio que sea llamativo (creo que con el efecto de scroll suave lo lograre) y que no se torne complicado en un dispositivo móvil...

Teniendo en cuenta que la accesibilidad no tiene que ver con dispositivos móviles, este método es en principio accesible, ya que lo único que hace es mostrar una animación en vez de dar un salto. Luego sin JavaScript seguirá haciendo su función.

Para desactivarlo para móviles... La forma más fácil que se me ocurre es que el código lo metas dentro de un condicional que detecte el ancho de la pantalla, y si es mayor de 480 —o la medida que creas— se ejecute:

Código Javascript:

if(screen.width>480) {
  // smooth scroll
}
 

Como no sé mucho de JavaScript igual hay alguna otra forma más adecuada de hacerlo.

[neglivv]

Muchas gracias por tu corrección, Bonez, en cuanto a la accesibilidad (ya revise el concepto de la palabra y ahora sé que no es lo que me imaginaba). Intentaré lo que sugieres...

[masclet]

Son las conocidas como webs de una sola página. A mi en particular no me terminan de convencer. Solo lo he utilizado para un proyecto, pero creo que va a ser el único.
Además considero que de cara al SEO o a campañas de Marketing Online, no es la mejor manera de tener estructurada una página web.

Muchas veces nos dejamos llevar por los efectos llamativos y nos olvidamos de lo realmente importante. La usabilidad y la facilidad de indexación de contenidos por parte de los buscadores.

[iniciar]

Gracias a una tercera persona conozco el proceso de diseño de esa web.
El trabajo fue muy costoso ya que fue de las primeras páginas de ese estilo y el diseñador no tenía referencias para poder fijarse. Aunque estoy de acuerdo de que no es la mejor opción para posicionamiento.

[neglivv]

Disculpen mi ignorancia...
En que afecta esto en el posicionamiento? me pueden explicar?

[pzin]

El scroll en si mismo en nada.

Pero el crear una única página como página web, si afecta, básicamente porque es como si tuvieras menos contenido ya que sólo tienes una página con una sola URL.

Se podría lugar algo SEO friendly —que desgaste de cultura — usando JavaScript no intrusivo, enlazando a "páginas estáticas", e historias así.