Upgrade to Pro — share decks privately, control downloads, hide ads and more …

HTML 5 History - Ryan Mulligan

Avatar for Las Vegas Ruby Group Las Vegas Ruby Group
January 01, 2012
0
41

HTML 5 History - Ryan Mulligan

Avatar for Las Vegas Ruby Group

Las Vegas Ruby Group

January 01, 2012
Tweet

More Decks by Las Vegas Ruby Group

See All by Las Vegas Ruby Group
Ruby ISO Standard - David Grayson
Avatar for Las Vegas Ruby Group lvrug
0
130
Windows Automation - Howard Feldman
Avatar for Las Vegas Ruby Group lvrug
0
64
Separating Your Application from Rails - Brian Hughes
Avatar for Las Vegas Ruby Group lvrug
0
110
SWIG and Ruby - David Grayson
Avatar for Las Vegas Ruby Group lvrug
0
72
Practical Object-Oriented Design in Ruby - Charles Jackson
Avatar for Las Vegas Ruby Group lvrug
3
130
The Hamster Gem - Ryan Mulligan
Avatar for Las Vegas Ruby Group lvrug
1
87
Varnish+Redis - Russ Smith
Avatar for Las Vegas Ruby Group lvrug
1
99
Lambdas and Pops - Jan Hettich
Avatar for Las Vegas Ruby Group lvrug
0
73
Making Good Use of Fonts - Russ Smith
Avatar for Las Vegas Ruby Group lvrug
1
84

Featured

See All Featured
It's Worth the Effort
Avatar for 3n 3n
187
28k
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
96
6.2k
Designing for humans not robots
Avatar for Tammie Lister tammielis
253
25k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
28
4k
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
83
9.2k
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
268
13k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
48
9.7k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
8
920
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
190
11k
Side Projects
Avatar for Sacha Greif sachag
455
43k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
5.8k

Transcript

  1. HTML 5 History Manipulation

  2. What is it? Changing the browser history, even the current

    URL.

  3. Who's using it? Github, Facebook, etc.

  4. Do browsers support it? http://caniuse. com/#search=histor y

  5. What does it replace? Hash hacks, traditional navigation http://example.com/page1/?id=1#preview

  6. What can I do with it? add to history stack

    change top of stack

  7. Add to history stack window.history.pushState(data, title [, url ] )

    example: window.history.pushState("hello world"," Ryan's Presentation","/ryans-presentation");

  8. Modify the top of the stack window.history.replaceState(data, title [, url

    ] ) example: window.history.replaceState("hello world"," Ryan's Presentation","/ryans-presentation2");

  9. Why state? http://dev.w3. org/html5/spec-author- view/history.html#state- object

  10. Questions?