Hacker News new | ask | show | jobs
by devilshaircut 4385 days ago
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.

EDIT: Grammar.

1 comments

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.