Para el punto 2 lo más rápido de implementar es Waypoints + animate css:
http://imakewebthings.com/waypoints/...tting-started/
Un ejemplo:
http://jsfiddle.net/harconst/4FNFW/
Y hay diversos tutoriales más:
https://www.google.com.mx/search?q=waypoints+animate
Lo del waypoints lo combinas con un smooth scroll:
https://www.google.com.mx/search?q=smooth+scroll
Uno que me gusta es:
https://css-tricks.com/snippets/jque...oth-scrolling/
Para el punto 1 puedes usar exactamente lo mismo o buscar comenzar a explorar animar con CSS solo.
https://www.google.com.mx/search?q=css+animations
La librería animate css es básicamente animar con css.