Mobile app version of vmapp.org
Login or Join
Moriarity648

: What is the name of vertical, side by side responsive website layout design? The side-by-side content and page title, style of web layout. An example of this is Melanie Daveid's website. It

@Moriarity648

Posted in: #Layout #Terminology #WebsiteDesign

The side-by-side content and page title, style of web layout. An example of this is Melanie Daveid's website. It is beautifully designed, and I am impressed. And I'm really interested in the design, so it would be great if someone could tell me what it's called.

P.S.: Yes I did search on Google, but I suppose I couldn't find the right keywords to find proper results.

10.01% popularity Vote Up Vote Down


Login to follow query

More posts by @Moriarity648

1 Comments

Sorted by latest first Latest Oldest Best

 

@Turnbaugh909

This type of layout is called a split layout, for the simple reason that there obvious splits in it, often in the vertical direction. Google has some pretty good results when searching using this term.


The above image comes from a Codrops article/template on split layouts.



The movement on the page you linked does not use parallax scrolling. Parallax would mean that elements are moving at different speeds based on their layering, which doesn't happen on this page.

Instead, like Joonas commented, this scroll behavior makes use of sticky elements. This can be implemented using position: sticky by browsers that implement it (low support currently), but you can also use a polyfill to get full browser support.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme