REWRITING THEHISTORY BOOKS

sydlawrence

sydlawrence.com@sydlawrencegithub.com/sydlawrencefb.com/sydlawrencetumblr.com/sydlawrenceskype:sydlawrenceyou get the picture

HI, I’MSYDLAWRENCE

WHAT ISTHE HISTORY API?

HTML5

JAVASCRIPTOBJECT

WHAT IS THEPROBLEM?

DYNAMICCONTENT

NO GOINGBACK

COPY PASTA

THIS ISNOT NEW

LOCATION.HASH

WE HAVE AWINNER

HAXORS FTW

FLASHBACK

GIZMODOWTF #!

WHAT DOESIT DO?

REWRITE THEHISTORY BOOKS

BACK TOTHE FUTURE

WHEN TOUSE IT?

LIGHTBOXES

POPUPLOGINS

COMMENTS

PAGINATION

BROWSERSUPPORT

FIREFOX

CHROME

SAFARI

OPERA

INTERNETEXPLORER

✔✔✖✔✖

HOW?

CLICK EVENTON LINK

RENDER DIFFERENTLYON AJAX REQUEST

history.pushState (stateObj,title,url);

history.replaceState (stateObj,title,url);

LISTEN FOREVENT

window.onpopstate = fn(evt)

FALLBACK

window. onhashchange = fn(evt)

SITES THATUSE IT

FLICKR

GOOGLE20thingsilearned.com

GITHUB

FACEBOOK

https://developer.mozilla.org/en/DOM/Manipulating_the_browser_history - MDNhttp://dev.w3.org/html5/spec/Overview.html - HTML5 Spechttps://github.com/sydlawrence/fancy-box - My Fancy-box Fork

WANT TOKNOW MORE

ANY QUESTIONS?

THANKS, I’ve BEENSYDLAWRENCEsydlawrence.com@sydlawrencegithub.com/sydlawrencefb.com/sydlawrencetumblr.com/sydlawrenceskype:sydlawrenceyou get the picture