¿Qué usais para hacer una web con contenido en una sóla página?

[madman_18]

Buenos días a todos!

Quería preguntaros cómo se podría lograr una web que sea de sólo una página (teniendo en cuenta que sea responsive)... Por ejemplo: no sé si habréis visto la página de apple que han rediseñado para mostrar el nuevo teléfono... pues querría lograr algo por el estilo.

Me gustaría lograr en la web que tengo en mente:

- Que al hacer el scroll se vaya automáticamente al siguiente bloque de contenido y se marque el menú la sección en la que está.

- El efecto de transición entre un bloque y otro sea como si fuese un slider (por ejemplo: vuelvo a remitirme a la página de apple en la que cuando vas bajando no hace una transición brusca del contenido).


Esos son los aspectos que no conozco para controlarlos porque para poner imágenes de fondos y demás conozco algunas librerías de jQuery para que las inserte y las adapte al tamaño del contenedor.

Si alguien pudiera orientarme y mostrarme más ejemplos de webs construidas así (tenía varias guardadas pero no encuentro los marcadores.... ) y qué es lo que se necesitaría para construir una web de ese tipo.

Gracias!!!!!!!

[Rafael]

Acaba alguien por aquí de poner este site. Se ve bastante bonito.

http://www.outyear.co.uk/smint/

[chabri]

Pues eso no es muy dificil, eso es una web estatica con algunos plugins, yo he realizado alguna que otra con:

localScroll
ScrollTo
Jquery

Creas un solo contenido y usas un hashtag para ir a las cordenadas donde se encuentren tus "#"

Parece dificil pero no lo es!

Despues otra opcion que utilizo, es cargar contenido via Ajax y jquery, hay 500 mil tutoriales de como hacerlo...

Saludos!

[caricatos]

Hola:

En mi opinión es mala idea... no sé si se te pasó por la mente algo de trabajo SEO (que te localicen los buscadores, resumiendo...)

De todos modos, en principio debería ser con enlaces normales y adaptar los distintos enlaces, cancelándolos...

Saludos

[pzin]

Formas hay muchas. Yo hace unos meses hice esto, como experimentación. Aplicación práctica no tiene ninguna, es malo sin JavaScript, es malo en navegadores viejos, etc.

Como dice caricatos, lo único que tienes que hacer, aparte de que funcione bien, es que sea útil en escenarios infernales —IE, no JavaScript, etc.

Lo más fácil, es añadir simplemente utilizar anclas como enlaces, y si quieres mediante JavaScript paras su ejecución para hacer el scroll hasta ese punto.