Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
HTML 5 History - Ryan Mulligan
Search
Las Vegas Ruby Group
January 01, 2012
0
41
HTML 5 History - Ryan Mulligan
Las Vegas Ruby Group
January 01, 2012
Tweet
Share
More Decks by Las Vegas Ruby Group
See All by Las Vegas Ruby Group
Ruby ISO Standard - David Grayson
lvrug
0
120
Windows Automation - Howard Feldman
lvrug
0
64
Separating Your Application from Rails - Brian Hughes
lvrug
0
110
SWIG and Ruby - David Grayson
lvrug
0
72
Practical Object-Oriented Design in Ruby - Charles Jackson
lvrug
3
120
The Hamster Gem - Ryan Mulligan
lvrug
1
86
Varnish+Redis - Russ Smith
lvrug
1
99
Lambdas and Pops - Jan Hettich
lvrug
0
72
Making Good Use of Fonts - Russ Smith
lvrug
1
83
Featured
See All Featured
Thoughts on Productivity
jonyablonski
70
4.8k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Embracing the Ebb and Flow
colly
87
4.8k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Building a Modern Day E-commerce SEO Strategy
aleyda
43
7.5k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Docker and Python
trallard
45
3.5k
Rails Girls Zürich Keynote
gr2m
95
14k
Optimizing for Happiness
mojombo
379
70k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
131
19k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.7k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.1k
Transcript
HTML 5 History Manipulation
What is it? Changing the browser history, even the current
URL.
Who's using it? Github, Facebook, etc.
Do browsers support it? http://caniuse. com/#search=histor y
What does it replace? Hash hacks, traditional navigation http://example.com/page1/?id=1#preview
What can I do with it? add to history stack
change top of stack
Add to history stack window.history.pushState(data, title [, url ] )
example: window.history.pushState("hello world"," Ryan's Presentation","/ryans-presentation");
Modify the top of the stack window.history.replaceState(data, title [, url
] ) example: window.history.replaceState("hello world"," Ryan's Presentation","/ryans-presentation2");
Why state? http://dev.w3. org/html5/spec-author- view/history.html#state- object
Questions?