Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥
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
79
Separating Your Application from Rails - Brian Hughes
lvrug
0
130
SWIG and Ruby - David Grayson
lvrug
0
85
Practical Object-Oriented Design in Ruby - Charles Jackson
lvrug
3
140
The Hamster Gem - Ryan Mulligan
lvrug
1
99
Varnish+Redis - Russ Smith
lvrug
1
110
Lambdas and Pops - Jan Hettich
lvrug
0
88
Making Good Use of Fonts - Russ Smith
lvrug
1
96
Featured
See All Featured
Producing Creativity
orderedlist
PRO
348
40k
VelocityConf: Rendering Performance Case Studies
addyosmani
333
24k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
12
980
YesSQL, Process and Tooling at Scale
rocio
174
15k
How to train your dragon (web standard)
notwaldorf
97
6.4k
Reflections from 52 weeks, 52 projects
jeffersonlam
355
21k
Practical Orchestrator
shlominoach
190
11k
The Cult of Friendly URLs
andyhume
79
6.7k
AI in Enterprises - Java and Open Source to the Rescue
ivargrimstad
0
1k
A Modern Web Designer's Workflow
chriscoyier
698
190k
Impact Scores and Hybrid Strategies: The future of link building
tamaranovitovic
0
170
Designing for humans not robots
tammielis
254
26k
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?