0

What's this design style used by so many new websites called? If anyone wants to edit this post to use a different link feel free. I'm just wondering how the CSS and such works for websites that have scrolling 'frames' like this. I heard that this sort of thing is often done in Wordpress. Full disclosure: I know next to nothing about web development.

Improve this question
5
  • A scrollbar...? Or what specifically are you referring to? Keep in mind the coding of CSS is generally out of scope for this exchange.
    – Ryan
    Commented Jul 1, 2014 at 1:55
  • 2
    possible duplicate of What is the technical term (if one exists) for this kind of website design?
    – Scott
    Commented Jul 1, 2014 at 2:27
  • 2
    My stock answer for this question: The style is called "annoying".
    – DA01
    Commented Jul 1, 2014 at 3:51
  • 1
    @DA01: that is hardly an objective comment ;) Scrolling is seen as the easiest way to navigate through content.
    – Jannik Ruf
    Commented Jul 1, 2014 at 12:27
  • could you post a screenshot on-site before it's gone forever?
    – n611x007
    Commented Apr 22, 2015 at 11:44

3 Answers 3

Reset to default
3

I'm not sure this style has a particular name. I believe its origin could be in parallax scrolling sites, when you could use navigation buttons to "jump" to a portion of the the page that, as a section, used the whole screen height. They can also be referred to as Single Page sites, because most content is available on a single file.

Some examples of sites with similar color-block scrolling areas:

Sites found on Awwwards

Improve this answer
2

In the agencies I worked in, we always called them "One-Pager".

The coding of these pages is very easy since, as @Yisela mentioned, all the content is stored in one file (mostly). In my opinion it doesn´t really make a difference whether you use a CMS or not. And since most of these pages have static content and are for promotional stuff that doesn´t change too often, CMS aren´t in use that often.

Improve this answer
2
  1. They are called «Single-Page Websites».
  2. The Animation Effect you see is called: «Parallax Scrolling»
  3. The appearance has absolutely nothing to do with WordPress. You can do this with any CMS, or with no CMS at all.

Things to think about when using this kind of design:

  1. It's already overused
  2. Altough it's quite fast to create because you don't have to think about a content navigation strategy it's a bit harder to extend these kind of pages.
  3. The biggest drawback is that you only have one link for the whole content, so it's harder to share specific content.
Improve this answer
2
  • I´m not so sure about 2 and 3, while I agree that it´s hard to extend these kind of pages, you can still have a content navigation and share content with an internal anchor. But again, you mostly see these pages as microsites for projects or a presentation for agencies, so I think it is desired to start at the top and go down from there.
    – Jannik Ruf
    Commented Jul 1, 2014 at 13:16
  • Sure. You can extend it with some anchor links. But entering a page somwhere down below isn't common sense, and can confuse users.
    – KSPR
    Commented Jul 2, 2014 at 6:39

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

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