Upload
syd-lawrence
View
1.493
Download
4
Tags:
Embed Size (px)
DESCRIPTION
My talk from London JS 1 at Poke London office. The HTML5 History API.
Citation preview
[email protected]/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
✔✔✖✔✖
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
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 [email protected]/sydlawrencefb.com/sydlawrencetumblr.com/sydlawrenceskype:sydlawrenceyou get the picture