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
120
Windows Automation - Howard Feldman
Avatar for Las Vegas Ruby Group lvrug
0
59
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
66
Practical Object-Oriented Design in Ruby - Charles Jackson
Avatar for Las Vegas Ruby Group lvrug
3
120
The Hamster Gem - Ryan Mulligan
Avatar for Las Vegas Ruby Group lvrug
1
82
Varnish+Redis - Russ Smith
Avatar for Las Vegas Ruby Group lvrug
1
92
Lambdas and Pops - Jan Hettich
Avatar for Las Vegas Ruby Group lvrug
0
64
Making Good Use of Fonts - Russ Smith
Avatar for Las Vegas Ruby Group lvrug
1
77

Featured

See All Featured
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
269
20k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
273
40k
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
53k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
54
6.4k
How GitHub (no longer) Works
Avatar for Zach Holman holman
314
140k
Designing for humans not robots
Avatar for Tammie Lister tammielis
253
25k
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
50
8.4k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
407
66k
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
92
6.1k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
53
11k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
94
14k

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?