Advertisement
Help Keep Boards Alive. Support us by going ad free today. See here: https://subscriptions.boards.ie/.
If we do not hit our goal we will be forced to close the site.

Current status: https://keepboardsalive.com/

Annual subs are best for most impact. If you are still undecided on going Ad Free - you can also donate using the Paypal Donate option. All contribution helps. Thank you.
https://www.boards.ie/group/1878-subscribers-forum

Private Group for paid up members of Boards.ie. Join the club.

"Animated" Scrolling Web Pages

  • 18-11-2014 01:45PM
    #1
    Amik
    Registered Users, Registered Users 2 Posts: 927 ✭✭✭


    Can someone tell me what these animated "scrolling" pages are called and how I would go about creating one?

    http://coffee.pret.com/


Comments

  • #2
    NoelOC
    Registered Users, Registered Users 2 Posts: 47 ✭NoelOC


    They're called 'parallax scrolling' sites.

    They look quite cool, but I find them very frustrating when I'm on them.


  • #3
    Amik
    Registered Users, Registered Users 2 Posts: 927 ✭✭✭Amik


    Thanks NoelOC!

    First time I've heard that parallax term. :) I agree they're not ideal for Web sites but may try to write a short set of step-by-step instructions using this technique. Going to experiment.


  • #4
    justjustin
    Registered Users, Registered Users 2 Posts: 104 ✭✭justjustin


    A quick look at the source shows that the site you linked is using skrollr, available on github.

    http://prinzhorn.github.io/skrollr/

    There are a few more examples on his github too. If you come up with anything nice you should post it back up here. Personally, I think these effects are most effective when a certain degree of subtlety is used, that coffee one is just obnoxious IMO.


  • #5
    Creamy Goodness
    Registered Users, Registered Users 2 Posts: 26,448 ✭✭✭✭Creamy Goodness


    Best example of this done tastefully is http://www.apple.com/imac-with-retina/ IMO.


  • #6
    onemorechance
    Registered Users, Registered Users 2 Posts: 3,078 ✭✭✭onemorechance


    Bootstrap would be useful in trying to achieve this effect.

    Themes and templates.


  • Advertisement
  • #7
    Amik
    Registered Users, Registered Users 2 Posts: 927 ✭✭✭Amik


    Thanks for all the info people!


Advertisement