Best IT Recipes

How to make awesome updated page changes like github?

GitHub seems to be doing something incredible: animated page changes without breaking the state. The address bar changes, but the page does not refresh, and I get an animated image in the next view.

For example, click this URL: as3logback / then click this URL: as3logback / Library

How do they do it in the devil!?! It's so cool! Are they using some kind of frame or something server?

+24
html github
Jan 12 2018-11-11T00:
source share
4 answers

They have a detailed blog entry on how it works (HTML5 History API) here: https://github.com/blog/760-the-tree-slider

+25
Jan 12 '11 at 0:20
source share

http://www.asual.com/jquery/address/ is a jquery plugin that supports the HTML 5 history API in addition to the traditional hash tag method. This is useful for supporting transitions in older browsers (via a hash tag) when using the HTML 5 method when available.

+13
Jan 12 '11 at 1:17
source share

They most likely use Ajax and HTML5 history.pushSate .

Please note that this only works in the latest browsers like Firefox 4 and Chrome 8 (IE 9?). Thus, you still need a backup solution, for example, to use the fragment identifier, since now many websites are managed by Ajax (a good example to see the difference on Facebook).

+9
Jan 12 '11 at 0:20
source share

Pjax : Demo , Source (GitHub)
This is the one that uses github ... link

-one
Jun 15 '13 at 8:09
source share


More articles:


All Articles