Mobile app version of vmapp.org
Login or Join
Jamie315

: New 'Scroll' Structured Websites 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

@Jamie315

Posted in: #Css #WebsiteDesign

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.

10.03% popularity Vote Up Vote Down


Login to follow query

More posts by @Jamie315

3 Comments

Sorted by latest first Latest Oldest Best

 

@Odierno310

They are called «Single-Page Websites».
The Animation Effect you see is called: «Parallax Scrolling»
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:


It's already overused
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.
The biggest drawback is that you only have one link for the whole content, so it's harder to share specific content.

10% popularity Vote Up Vote Down


 

@Ogunnowo857

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.

10% popularity Vote Up Vote Down


 

@Voss6371140

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:

ala.ch/ http://www.endgame.com/ (parallax) www.adveris.fr/ http://midyear.deakin.edu.au/#fee-freeze


Sites found on Awwwards

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme