Advertisement
If you have a new account but are having problems posting or verifying your account, please email us on hello@boards.ie for help. Thanks :)
Hello all! Please ensure that you are posting a new thread or question in the appropriate forum. The Feedback forum is overwhelmed with questions that are having to be moved elsewhere. If you need help to verify your account contact hello@boards.ie

"Animated" Scrolling Web Pages

Options
  • 18-11-2014 1:45pm
    #1
    Amik
    Registered Users Posts: 923 ✭✭✭


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

    http://coffee.pret.com/


Comments

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


    They're called 'parallax scrolling' sites.

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


  • Options
    #3
    Amik
    Registered Users Posts: 923 ✭✭✭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.


  • Options
    #4
    justjustin
    Registered Users 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.


  • Options
    #5
    Creamy Goodness
    Registered Users Posts: 26,556 ✭✭✭✭Creamy Goodness


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


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


    Bootstrap would be useful in trying to achieve this effect.

    Themes and templates.


  • Advertisement
  • Options
    #7
    Amik
    Registered Users Posts: 923 ✭✭✭Amik


    Thanks for all the info people!


Advertisement