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

HTML 5 History - Ryan Mulligan

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Las Vegas Ruby Group Las Vegas Ruby Group
January 01, 2012
60
0

HTML 5 History - Ryan Mulligan

Avatar for Las Vegas Ruby Group

Las Vegas Ruby Group

January 01, 2012

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
180
Windows Automation - Howard Feldman
Avatar for Las Vegas Ruby Group lvrug
0
120
Separating Your Application from Rails - Brian Hughes
Avatar for Las Vegas Ruby Group lvrug
0
170
SWIG and Ruby - David Grayson
Avatar for Las Vegas Ruby Group lvrug
0
110
Practical Object-Oriented Design in Ruby - Charles Jackson
Avatar for Las Vegas Ruby Group lvrug
3
150
The Hamster Gem - Ryan Mulligan
Avatar for Las Vegas Ruby Group lvrug
1
130
Varnish+Redis - Russ Smith
Avatar for Las Vegas Ruby Group lvrug
1
150
Lambdas and Pops - Jan Hettich
Avatar for Las Vegas Ruby Group lvrug
0
120
Making Good Use of Fonts - Russ Smith
Avatar for Las Vegas Ruby Group lvrug
1
120

Featured

See All Featured
WCS-LA-2024
Avatar for Leonardo Collado-Torres lcolladotor
0
680
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
21
1.5k
Visualization
Avatar for Eitan Lees eitanlees
152
17k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
508
140k
The Language of Interfaces
Avatar for Des Traynor destraynor
162
27k
Designing Powerful Visuals for Engaging Learning
Avatar for Mike Taylor tmiket
1
450
End of SEO as We Know It (SMX Advanced Version)
Avatar for Michael King ipullrank
3
4.3k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
413
23k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
515
110k
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
Avatar for MADOX madoxten
63
55k
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
85
9.6k
The Curse of the Amulet
Avatar for Matthew Lei leimatthew05
2
13k

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?