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.
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:
- http://www.endgame.com/ (parallax)
Sites found on Awwwards
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.
- 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.