Ask HN: What do you call this style of front-end design?

#1

Post by kiyanforoughi » Fri, Jan 24, 2014, 1:31 PM UTC

Hi everyone,

What do you call this kind of front-end designing?

http://www.polygon.com/a/xbox-one-review# https://www.apple.com/30-years/

(where scrolling unveils the content/photos/text)

Thanks!

- K.

Re: Ask HN: What do you call this style of front-end design?

#2

Post by uptown » Fri, Jan 24, 2014, 1:54 PM UTC

I've seen it called a couple things, but many people refer to it as a "curtain" effect.

Re: Ask HN: What do you call this style of front-end design?

#3

Post by kiyanforoughi » Fri, Jan 24, 2014, 2:05 PM UTC

uptown wrote: post #2

I've seen it called a couple things, but many people refer to it as a "curtain" effect.

Thanks! Very helpful.

Re: Ask HN: What do you call this style of front-end design?

#4

Post by uptown » Fri, Jan 24, 2014, 2:23 PM UTC

kiyanforoughi wrote: post #3

uptown wrote: post #2

I've seen it called a couple things, but many people refer to it as a "curtain" effect.

Thanks! Very helpful.

Quick and dirty, and the image-sizing could be improved, but here's a proof-of concept on one way to accomplish it.

http://jsfiddle.net/4EYh4/