/    Sign up×
Community /Pin to ProfileBookmark

html 5 mouse scroll page – HELP

Copy linkTweet thisAlerts:
Nov 22.2013

Ok first of gr8 site, next I got a question I’ve been commissioned to put together a site like this:

[url]http://pitchfork.com/features/cover-story/reader/janelle-monae/[/url]

I have no idea how to build it (at this point) and even worse I’m not sure what I should be googling to find info on putting it together.

I’m not a complete noob I’ve been doing web for about 10yr now so its not my first time to the rodeo. So if I get a few good tuts and code views under my belt I’ll be able to take it from there.

But if you had any idea on what I should be looking up to find some tuts on this subject I’m all ears.

Thx

John

to post a comment
HTML

1 Comments(s) ↴

Copy linkTweet thisAlerts:
@rtretheweyNov 23.2013 — The site you mention uses many advanced HTML 5 techniques to produce the visual effects - and many of them have limited cross-browser compatibility. It's a combination of SVG and video, with some very nifty JavaScript behind it all.

I'd suggest that you take it apart in small chunks. Find an effect you'd like to try and locate it within the source code. That should give you enough information to find a tutorial. But unless you're already experienced in these techniques, it's going to be quite a while before you could create any kind of replica.
×

Success!

Help @johnyct9760 spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.27,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...