Technical Help: Coolest Web Page I've seen so far

self | jimjohn

[jimjohn]

NON-POLITICAL: So a co-worker sends a link to my boss who sends it to me asking 'CAN WE DO THIS??' with excitement. I gotta admin, the web page design looks pretty cool. As I can whip up some pretty good html/js stuff, at first glance, I am at a loss on how they did this. WARNING: just look at the page design, not the elitist content:

http://www.thedailybeast.com/newsweek/2013/07/31/good-jill-bad-jill-executive-editor-jill-abramson-queen-of-the-new-york-times.html

[jimjohn]

My question is: can someone with a web background explain to me how they handled the changing background a made it flow so smoothly? (again - I DONT CARE ABOUT THE CONTENT ON THE PAGE) - Thx.

[ProtectOurFreedom]

My advice...skip Step Two...

[perfect_rovian_storm]

Google for ‘jquery infinite scroll’ and you’ll find a few options.

[Mannaggia l'America]

I read that earlier today and thought it was pretty cool also.

Use your browser's "view source" on the page and steal their javascript...

[LostPassword]

I think the trick is

background-attachment: fixed

there are div's with background images that are fixed to the viewport (i.e. top of the browser window) rather than the element. You only see the part of the image where the div is positioned on the page.

[waldenMP]

It’s called the Parallax effect. It’s a popular website trend going on now. I just used a theme for one of my client’s that uses this.

You can see the theme I used here: http://demo.drythemes.com/index.php?theme=dry-wp

Basically think of the New York Times building image as the main background. Instead of it scrolling with the content on the page (when you scroll down), it stays still and the content scrolls over it. With a good, detailed, hi-res image this effect can bring some life to an “old” site’s content.

[Spruce]

http://api.jqueryui.com/

[builder]

ping for later info.

[PghBaldy]

AM I the only one that finds it a bit disorientating? I get dizzy more and more looking at new-fangled websites.

[Age of Reason]

Took too long to load, so I went somewhere else.

Often websites become so enamored of digital special effects that they forget the basics.

[JRios1968]

My question is: can someone with a web background explain to me how they handled the changing background a made it flow so smoothly?

[Jane Long]

I didn’t like the way it loaded and I don’t care for the instant ad hijack, either.

[Moltke]

As I can whip up some pretty good html/js stuff

...other than posting a clickable link, eh? ;-)

[martin_fierro]

That page isn’t working well on an iPad

[Jacvin]

“As I can whip up some pretty good html/js stuff

...other than posting a clickable link, eh? ;-)”

Hehehehe