- Using a modern browser, go to a project in GitHub (e.g., )
- Click a subdirectory.
See the page-wipe effect before the subdirectory page loads? How does that work?
Update: More specifically, how does this happen perfectly and seamlessly before the next page is loaded? Can clicks be delayed? Is the next page loaded in the background?
- Using a modern browser, go to a project in GitHub (e.g., https://github./twitter/bootstrap)
- Click a subdirectory.
See the page-wipe effect before the subdirectory page loads? How does that work?
Update: More specifically, how does this happen perfectly and seamlessly before the next page is loaded? Can clicks be delayed? Is the next page loaded in the background?
Share Improve this question edited Nov 9, 2011 at 15:54 a paid nerd asked Nov 9, 2011 at 15:39 a paid nerda paid nerd 31.6k31 gold badges140 silver badges180 bronze badges 1- Do you mean the animation or the nice url for every slide? – Yoshi Commented Nov 9, 2011 at 15:52
2 Answers
Reset to default 7It uses history.pushState (part of the HTML5 history API) along with some sliding effects. See this link for a plugin + demo.
Also, just found Github's blog post on the topic!
Seeing that github uses jquery, this is probably the answer you're looking for: http://api.jquery./category/effects/