Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 6 of 6
Like Tree1Likes
  • 1 Post By Mikasa Ackerman

Thread: Whats the name of the element of this website?

  1. #1
    Junior Member
    Join Date
    Jun 2014
    Posts
    2
    Member #
    39453

    Unhappy Whats the name of the element of this website?

    Hi, I'm wondering whats the name of the element that appaers in this website: Startupbus

    Im talking about the images that remain static in the back and change everytime a new section is reached.

    Is there a framework that does this?

    Thank you for helping

  2.  

  3. #2
    Junior Member clrktsr's Avatar
    Join Date
    Jul 2014
    Location
    Clark Freeport Zone, Philippines
    Posts
    11
    Member #
    39560
    It's parallax framework.

  4. #3
    Senior Member Ronald Roe's Avatar
    Join Date
    Mar 2011
    Location
    Oklahoma City
    Posts
    3,141
    Member #
    27197
    Liked
    959 times
    I'm not 100% on how they did it. clrktsr is probably right, that they've used some parallax framework. It isn't necessary, though. Using JS to swap the background images as you scroll down the page is really easy.
    Ron Roe
    Web Developer
    "If every app were designed using the same design template, oh wait...Bootstrap."

  5. #4
    WDF Staff AlphaMare's Avatar
    Join Date
    Oct 2009
    Location
    Montreal, Canada
    Posts
    4,570
    Member #
    20277
    Liked
    878 times
    Good design should never say "Look at me!"
    It should say "Look at this." ~ David Craib


    http://digitalinsite.ca ~ my current site . . info@digitalinsite.ca ~ my email

    If you feel that someone's post helped you fix your problem, answered your question, or just made you feel better, feel free to "Like" their post. The "Like" link is at the bottom right of each post, along side the "reply" link. And if you are being helped here, try to help someone else - pass it on!

  6. #5
    Junior Member Mikasa Ackerman's Avatar
    Join Date
    Aug 2014
    Posts
    21
    Member #
    39814
    Liked
    6 times
    I know people use parallax frameworks for this kind of effect (and thus that is an appropriate answer to the OP's question), but to my understanding it's not actually a parallax effect (it's not that the background is moving more slowly than the foreground objects, the background isn't moving at all, it just switches occasionally). Anyone know what a proper name for this effect is? Or can this be shoehorned into the parallax category since a background that's not moving at all is maybe technically moving more slowly than the foreground?
    Ronald Roe likes this.

  7. #6
    Senior Member Ronald Roe's Avatar
    Join Date
    Mar 2011
    Location
    Oklahoma City
    Posts
    3,141
    Member #
    27197
    Liked
    959 times
    You're correct, that's exactly what it is. I'm not going to dig around in their code to figure out how they did it, because it's pretty easy to do using the scrollTop method in JS' Element API, and even easier still using jQuery's .scrollTop method.

    Unfortunately, "parallax" has suffered the fate all too common in this industry, the same "buzzword" fate the likes of "Web 2.0", "SEO" and "Responsive Design" have suffered. Someone comes up with a neat/useful/otherwise new way of doing something, 5 clients say, "I want you to make mine do that!", and immediately every bottomfeader and well-meaning newbie in the industry has copy/pasted/shoehorned it into their "designs", bastardizing the term the whole way through. Parallax was pretty damn cool when these guys did it. 2 weeks later, no one even knows what it entails, and those of us who give a damn about the industry are left going, "WT-mother-effing-F?"
    Ron Roe
    Web Developer
    "If every app were designed using the same design template, oh wait...Bootstrap."


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Tags for this Thread

All times are GMT -6. The time now is 04:58 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com