Experimental Page Layout Inspired By Flipboard • Hacker News Board

Re: Experimental Page Layout Inspired By Flipboard

#11

Post by lnanek » Mon, May 14, 2012, 4:22 AM UTC

efnx wrote: post #8

Why can't I read the text at the bottom? I can't seem to scroll down.

Make sure you have clicked on a story before you try to scroll, that got me for quite a while too. There was nothing to tell me to click on stories to read them. I only figured it out because I tried to click on an image and got a story instead...

Re: Experimental Page Layout Inspired By Flipboard

#12

Post by [deleted] » Mon, May 14, 2012, 4:27 AM UTC

[deleted]

Re: Experimental Page Layout Inspired By Flipboard

#13

Post by ww520 » Mon, May 14, 2012, 4:28 AM UTC

Looks good. Kudos for trying something new.

Re: Experimental Page Layout Inspired By Flipboard

#14

Post by Timothee » Mon, May 14, 2012, 4:32 AM UTC

There are some more interesting demos when you click on "Previous demo" repeatedly.

And if you like this one, don't miss the how-to: http://tympanus.net/codrops/2012/05/07/experimental-page-lay...

Re: Experimental Page Layout Inspired By Flipboard

#15

Post by statenjason » Mon, May 14, 2012, 4:41 AM UTC

Interesting layout. It's not a pleasant experience with a trackpad though.

Re: Experimental Page Layout Inspired By Flipboard

#16

Post by jonah » Mon, May 14, 2012, 4:43 AM UTC

drivebyacct2 wrote: post #10

tambourine_man wrote: post #2

Try resizing the page.

Wow. I would love to read or see a more detailed demo of how that effect is done on the images. Wow, much cooler than I'd hoped for.

They're background images in divs measured in percentages.

Re: Experimental Page Layout Inspired By Flipboard

#17

Post by c250d07 » Mon, May 14, 2012, 4:43 AM UTC

It may help to use some keyboard shortcuts. I found myself going for the arrow keys to turn pages and the escape button to close stories.

Re: Experimental Page Layout Inspired By Flipboard

#18

Post by AVTizzle » Mon, May 14, 2012, 4:53 AM UTC

Timothee wrote: post #14

There are some more interesting demos when you click on "Previous demo" repeatedly. And if you like this one, don't miss the how-to: http://tympanus.net/codrops/2012/05/07/experimental-page-lay...

codrops... This site is very legit. Thanks for sharing.

edit

Funnily enough, a question about how "legit" this site actually is... Stumbled across one of their demos that was pretty sweet IMO, "Multi-level Photo Map" http://tympanus.net/Development/MultiLevelPhotoMap/

So I Googled "Multi-level Photo Map" and came across a handful of other demos set up the same way, with the same header navigation bars all:

- http://paulbilodeau.net/photomap.html

- http://www.youthsphere.org/projects/MultiLevelPhotoMap/index...

- http://snappermap.daysnapper.com/

In fact, that last one daysnapper has pretty much all the exact same tutorials and demos set up as codrops.

What's going on here? Is this just some gray layer of blogs that are pooling open sourced UI elements and reposting them for link bait and page view inflation?

Re: Experimental Page Layout Inspired By Flipboard

#19

Post by AVTizzle » Mon, May 14, 2012, 4:54 AM UTC

statenjason wrote: post #15

Interesting layout. It's not a pleasant experience with a trackpad though.

Indeed. Would be great with L/R arrow keys.

Re: Experimental Page Layout Inspired By Flipboard

#20

Post by indygreg2 » Mon, May 14, 2012, 4:59 AM UTC

Works great for me in Firefox Nightly. Couldn't notice any difference from Chrome, despite the message saying it works best in WebKit.