lograr estos efectos

[catpaw]

hola forer@s

les agradecería mucho que me recomendaran tutoriales o paginas para aprender a realizar un efecto de desplazamiento animado entre secciones, como lo hacen la siguientes paginas:

http://ftdesigner.net/
http://www.go-on-web.com/
http://www.webtalents.pl/

también si alguien tiene una idea del efecto de esta pagina, que al mover el mouse la imagen cambia de orientación:

http://www.m1-design.de/start.html

De esta pagina, me gusto el efecto de las redes sociales, en el pie de pagina donde dice connect:

http://www.siminki.co.uk/

y también me intereso mucho esta pagina:

http://www.iestudio.co.il/en/portfolio.html

saber como logran los efectos de las letras como maquina de escribir, y los edificios y el faro, pero sobre todo el efecto del letrero

Les agradeceré mucho me compartan sus experiencias si ya han desarrollado algo parecido, o si saben donde puedo leer sobre esto.

[memoadian]

scrollorama, parallax etc.

podrías empezar por ahí, da tus primeros pasos con esos plugins después el limite srá tu imaginación y esfuerzo.

[catpaw]

hola memoadian,

ok genial empezare a buscar info gracias,

otra duda, que tengo es como "manejar" o "aminorar" tantos plugins que a veces se mandan a llamar en una pagina web, es decir, me a pasado con algunos desarrollos que he hecho, que tengo que agregar el plugin de, por ejemplo, la ventana modal, del upload, de cada efecto que se hace, o el del editor de texto, etc etc y terminas agregando tantos que en lo personal no me gusta, porque siento que alentan la carga de la pagina, entonces en esos casos qué es lo mas recomendable?, porque a veces también he intentado guardar todos en un fichero y algunos dejan de funcionar porque entre ellos provocan conflictos.

gracias

[memoadian]

lo ideal es manejar cada plugin aparte, desafortunadamente, para los webmasters lograr una web de calidad con efectos de lujo conlleva un precio y ese es el tiempo de carga.

Afrotunadamente, cada vez hay conexiones más rápidas, pero podemos tener practivas buenas, como el uso de los plugins en su versión min, que reduce varios kilitos de bytes :P

para que en el código no se vea tanto script puedes hacer includes con js por ejemplo

Código Javascript:

include("js/jquery.color.js");
 
include("js/jquery.backgroundpos.js");
 
include("js/jquery.easing.js");
 
include("js/jquery.mousewheel.js");
 
include("js/jquery.fancybox-1.3.4.pack.js");
 
include("js/jquery-ui-1.8.11.custom.min.js");
 
include("js/cScroll.js");
 
include("js/googleMap.js");
 
include("js/superfish.js");
 
include("js/switcher.js");
 
include("js/bgStretch.js");
 
include("js/sImg.js");
 
include("js/forms.js");
 
include("js/MathUtils.js");
 
include("js/jcarousellite_1.0.1.min.js");
 
function include(url) {
 
    document.write('<script src="' + url + '"></script>');
 
}
 

lo que haces es añadir todos los scripts a tu script.js o functions.js como lo hago yo y solo incluyes este dentro de tu web, obviamente esto no reduce el tiempo de carga pero se ve mejor el código fuente, no tan cargado de scripts.