How does GitHub do its fancy page-wipe effect when navigating repositories?
- Using a modern browser, go to a project in GitHub (e.g., https://github.com/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?
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!
This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here