SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    SitePoint Enthusiast
    Join Date
    Jan 2006
    Posts
    25
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    what is this effect called?

    i just saw this this evening - what is this effect called? http://espn.go.com/espn/feature/stor...-espn-magazine - i am curious if it is a custom build or if it is something that can be done in wordpress perhaps also?

  2. #2
    Programming Team silver trophybronze trophy
    Mittineague's Avatar
    Join Date
    Jul 2005
    Location
    West Springfield, Massachusetts
    Posts
    17,175
    Mentioned
    191 Post(s)
    Tagged
    2 Thread(s)
    ESPN, I'm sure they have a large team of developers, designers, writers, graphic artists, etc. etc.

    It's called "parallax"

    Can it be done with WordPress? perhaps
    https://wordpress.org/themes/parallax
    http://wordpress.org/plugins/easy-wp-parallax-slider/

  3. #3
    SitePoint Wizard bronze trophy
    Join Date
    Jul 2006
    Location
    Augusta, Georgia, United States
    Posts
    4,151
    Mentioned
    16 Post(s)
    Tagged
    3 Thread(s)
    That would be achieved using a parallax JavaScript library. One that I'm familiar with is Stellar.js which is a jQuery plugin.
    The only code I hate more than my own is everyone else's.

  4. #4
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,200
    Mentioned
    456 Post(s)
    Tagged
    8 Thread(s)
    What they are doing on that site isn't really parallax—which usually involves various things scrolling at different rates. The effect on that site is easily done with CSS alone:

    http://davidwalsh.name/parallax
    http://www.pmob.co.uk/temp/parrallax2.htm
    http://www.sitepoint.com/forums/show...ax-page-scroll

  5. #5
    Programming Team silver trophybronze trophy
    Mittineague's Avatar
    Join Date
    Jul 2005
    Location
    West Springfield, Massachusetts
    Posts
    17,175
    Mentioned
    191 Post(s)
    Tagged
    2 Thread(s)
    Quote Originally Posted by ralph.m View Post
    What they are doing on that site isn't really parallax—which usually involves various things scrolling at different rates. The effect on that site is easily done with CSS alone:

    http://davidwalsh.name/parallax
    http://www.pmob.co.uk/temp/parrallax2.htm
    http://www.sitepoint.com/forums/show...ax-page-scroll
    Ah, so it is(n't)
    I disabled JavaScript and went to it again expecting the site to be horribly broken as is usually the case, but no!

  6. #6
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,200
    Mentioned
    456 Post(s)
    Tagged
    8 Thread(s)
    Off Topic:

    Quote Originally Posted by Mittineague View Post
    I disabled JavaScript and went to it again expecting the site to be horribly broken as is usually the case, but no!
    A rare treat these days! ... which is a sad thing to have to say in this post-WebStandards, let's-just-do-everything-with-JS era.


Bookmarks

Posting Permissions

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