SitePoint Sponsor

User Tag List

Results 1 to 7 of 7
  1. #1
    Skills to Pay the Bills Sparkie's Avatar
    Join Date
    Jul 1999
    Location
    A cave with 47 computers and an internet feed
    Posts
    3,559
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question What is this type of site called?

    I call them "scrolling story" sites, but I'm sure there's a more technical name -- I'm talking about sites like academixdirect.com or salesforce.com where things load as you scroll. I know it's done with HTML5 but wondered if they had a specific term for them.

    Thanks!
    Sherice Jacob - Web Improvement Expert
    Improve Website Conversions | eBook Covers
    Follow Me on Twitter!

  2. #2
    Just Blow It bronze trophy
    DaveMaxwell's Avatar
    Join Date
    Nov 1999
    Location
    Mechanicsburg, PA
    Posts
    7,286
    Mentioned
    121 Post(s)
    Tagged
    1 Thread(s)
    Hey Sparkie!

    I've just always seen them called scrolling websites.

    Off Topic:

    It's great to see you back!
    Dave Maxwell - Manage Your Site Team Leader
    My favorite YouTube Video! | Star Wars, Dr Suess Style
    Learn how to be ready for The Forums' Move to Discourse

  3. #3
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,301
    Mentioned
    460 Post(s)
    Tagged
    8 Thread(s)
    It's not really clear what aspect of those sites you are referring to. But either way, this is all done with JavaScript. It's nothing to do with HTML5. HTML is just a simple markup language. Styling and functionality are done with CSS and JS respectively.

    where things load as you scroll
    I don't see that behavior on those sites, but there is a JS trick that only loads the content on the page as you scroll to it. I've head it called various things, like progressive or auto loading. Here's an example:

    http://www.webresourcesdepot.com/loa...g-with-jquery/

  4. #4
    Skills to Pay the Bills Sparkie's Avatar
    Join Date
    Jul 1999
    Location
    A cave with 47 computers and an internet feed
    Posts
    3,559
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks! I didn't know it was Jquery, so I've bookmarked that site for future reference. You guys rock

    @DaveMaxwell - Good to see you around! We have to sit around in rocking chairs one day and reminisce about IE6 and the good old days lol
    Sherice Jacob - Web Improvement Expert
    Improve Website Conversions | eBook Covers
    Follow Me on Twitter!

  5. #5
    SitePoint Enthusiast
    Join Date
    Oct 2006
    Posts
    80
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I don't like those sites because after you click on something and then hit the back button, sometimes you have to rescroll all the way down to get back to where you left off. This is very annoying when you've scrolled past hundreds of entries.

  6. #6
    Skills to Pay the Bills Sparkie's Avatar
    Join Date
    Jul 1999
    Location
    A cave with 47 computers and an internet feed
    Posts
    3,559
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hey Chill,

    I can understand that! It's good for first-time visitors, to get an idea about the site and what it can do for them. Otherwise, if you're a returning visitor, it's a pain to scroll.
    Sherice Jacob - Web Improvement Expert
    Improve Website Conversions | eBook Covers
    Follow Me on Twitter!

  7. #7
    SitePoint Addict deadmix's Avatar
    Join Date
    Jun 2009
    Location
    france
    Posts
    210
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)
    i agree with Ralph, it's can be done with Jquery plugin and CSS, they call it also Parallax Scrolling Funny name lol there is also a cool jquery plugin called Infinite Scrolling check the Page : Link so easy to setup and cool also


Tags for this Thread

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
  •