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
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
150
Windows Automation - Howard Feldman
lvrug
0
91
Separating Your Application from Rails - Brian Hughes
lvrug
0
140
SWIG and Ruby - David Grayson
lvrug
0
89
Practical Object-Oriented Design in Ruby - Charles Jackson
lvrug
3
140
The Hamster Gem - Ryan Mulligan
lvrug
1
100
Varnish+Redis - Russ Smith
lvrug
1
120
Lambdas and Pops - Jan Hettich
lvrug
0
92
Making Good Use of Fonts - Russ Smith
lvrug
1
98
Featured
See All Featured
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
tomoyanonymous
2
420
Music & Morning Musume
bryan
47
7.1k
30 Presentation Tips
portentint
PRO
1
220
Technical Leadership for Architectural Decision Making
baasie
2
250
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
szymonslowik
1
920
Context Engineering - Making Every Token Count
addyosmani
9
660
GraphQLの誤解/rethinking-graphql
sonatard
74
11k
Designing for Performance
lara
610
70k
SEO Brein meetup: CTRL+C is not how to scale international SEO
lindahogenes
0
2.3k
Keith and Marios Guide to Fast Websites
keithpitt
413
23k
The Curious Case for Waylosing
cassininazir
0
240
4 Signs Your Business is Dying
shpigford
187
22k
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?