11

Is there a name for very long scrolling web pages like the Android KitKat page? I am trying to Google for CSS tutorials and other examples, but have no idea what the design is called.

Improve this question
3
  • mozilla.org/en-US/firefox/os Firefox OS uses a similar design. I wonder what the design is called as well.
    – SimonTeo
    Oct 8, 2013 at 6:09
  • The signal to noise ratio of that page is awful.
    – whatsisname
    Oct 9, 2013 at 3:32
  • @whatsisname I don't disagree, but have seen the pattern show up more and more frequently. Wanted to put a name to it.
    – ahsteele
    Oct 9, 2013 at 4:30

4 Answers 4

Reset to default
9

These guys call it a layered site or sandwich site:

websites containing clear and concise sections layered on top of each other.

I prefer this term over "Parallax scrolling" since parallax scrolling is more associated with multi-layer horizontal scrolling that creates the illusion of depth to the viewer. (Background moves slower than foreground, it's the same effect when looking out of a car window)

Improve this answer
0
1

I've heard it referred to as single-page design or a single-page website. For the specific kind you are talking about, I would use the term scrolling single-page website.

References:

Improve this answer
0

When it's the only page on the website - as is the case in the example you mentioned - the term one-pager probably fits best.

As for multi-page websites with long pages, I wouldn't call them anything else than page or long page :)

Improve this answer
-1

Parallax Scrolling

Here's a link to some of the great example of Parallax Scrolling websites.

http://www.awwwards.com/30-great-websites-with-parallax-scrolling.html

Improve this answer
4
  • 1
    well, no. parallax scrolling creates the illusion of depth by moving the foreground slower than the background(s), while the Android-Kitkat page is simply scrolling to the different parts on click
    – Lovis
    Oct 8, 2013 at 7:09
  • @DonL. Actually, the android page does use parallax scrolling, although it is more subtle (the doughnuts move slightly, for example).
    – Brendon
    Oct 8, 2013 at 7:14
  • 1
    @Brendon I think it somehow works similar (with layers), but I wouldn't call it parallax scrolling, since the (at least my) mind is not tricked into the depth-effect. this is - probably - because it's not scrolling horizontallay
    – Lovis
    Oct 8, 2013 at 7:21
  • 1
    to correct my first comment: the background is of course moving slower than the foreground
    – Lovis
    Oct 8, 2013 at 7:38

Not the answer you're looking for? Browse other questions tagged or ask your own question.