Re:Show HN: Woodsly Lookbook – A parallax/animated photo book
by warble on Wednesday June 11, 2014 @05:46PM
(#7880621)
This is overdone. It's like when something looks great with orange stripes, it's not okay to dress up like a streetsign.
I've been really intriqued with this parallax stuff, and am including it in my wedding site I'm currently building, but this seems klunky and too much.
Re:Show HN: Woodsly Lookbook – A parallax/animated photo book
by devilshaircut on Wednesday June 11, 2014 @04:20PM
(#7880200)
Neat site! If you are looking for feedback, I noticed you were using the skrollr plugin for parallax effect; I only reviewed the code for about 50 seconds but it appears to use the top/bottom/etc CSS properties to achieve the movement effects. On my browser (Chrome Version 35.0.1916.114) running on my 2014 MBP there is some animation chop. I believe you could resolve this by using the CSS translate property instead, which would trigger GPU acceleration to better animate the effects. Alternatively I believe you could simply add the translate property set to 0 on the moving elements and it will also trigger GPU acceleration (I have been told this also works although I have not tested it myself.). It might be difficult to implement since you are using a library, but it may be worth checking out.
Re:Show HN: Woodsly Lookbook – A parallax/animated photo book
by stagecrew on Wednesday June 11, 2014 @04:38PM
(#7880292)
We tried a lot of stuff and it all comes with trade offs. When we forced the entire page into the gpu it made the things you mentioned (top/bottom, etc) a lot smoother, but it made other sections (notably CSS filters) much laggier.
I've been really intriqued with this parallax stuff, and am including it in my wedding site I'm currently building, but this seems klunky and too much.
Oh, and LOADING SCREEN. sigh
First time a website has ever managed to make me feel motion sick.
It was scrolling down the page pretty swiftly, basically skimming the site, and all the motion and movement caused me to feel a little "off".
Beautiful work.
What is that dot you have over the images that references a product info modal. Where did that concept come from? Did you make it?
EDIT: Grammar.