Lock in $30 Savings on PRO—Offer Ends Soon! ⏳
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
44
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
140
Windows Automation - Howard Feldman
lvrug
0
78
Separating Your Application from Rails - Brian Hughes
lvrug
0
130
SWIG and Ruby - David Grayson
lvrug
0
84
Practical Object-Oriented Design in Ruby - Charles Jackson
lvrug
3
130
The Hamster Gem - Ryan Mulligan
lvrug
1
98
Varnish+Redis - Russ Smith
lvrug
1
110
Lambdas and Pops - Jan Hettich
lvrug
0
86
Making Good Use of Fonts - Russ Smith
lvrug
1
95
Featured
See All Featured
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
37
2.6k
It's Worth the Effort
3n
187
29k
Navigating Team Friction
lara
191
16k
How STYLIGHT went responsive
nonsquared
100
6k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.5k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.3k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
55
3.1k
The Illustrated Children's Guide to Kubernetes
chrisshort
51
51k
Learning to Love Humans: Emotional Interface Design
aarron
274
41k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
A better future with KSS
kneath
240
18k
Intergalactic Javascript Robots from Outer Space
tanoku
273
27k
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?