HTML5 History API

When you click an internal link, what happens?

  1. The current page you are looking at tears down.
  2. The screen goes completely white.
  3. Your new page loads.

You take this process for granted, it's how the internet has always worked. We've been using AJAX for some time now to request and load select portions of the page. The problem is that we haven't had proper tools for reflecting that change in the site's URL. It's been tried with URL hashes, but this approach is just a hack. Enter the HTML5 History API. It gives us a way to update the site's URL without refreshing the page. It's an important feature in the arms race between web and native applications. When ditching the page refresh, navigating feels faster. We use less bandwidth by loading page fragments. We can introduce content transitions instead of hard page refreshes. It makes the site feel like a native application while retaining the best feature of the internet, canonical URLs.

This meetup will discuss how to start using the History API, how to integrate it with AJAX and how to deal with content transitions. Get ready for a whole new dimension of web design! No previous experience with pushState or AJAX is necessary. Trust me, it's not that scary. Hope to see you there!

 

Join or login to comment.

  • Jeff Mahoney

    Like the other presentations I've seen from Function Pink, this one was also very well-done. Entertaining, informative and inspiring. I very much enjoy attending their events.

    March 9, 2013

  • Shannon Mølhave

    Awesome demo and live coding!

    March 8, 2013

  • Brian McDonald

    Excellent, Les did fantastic job of showing importance of the API and demonstrating how to use it.

    March 8, 2013

  • Inwha Kang

    Excellent

    March 8, 2013

  • Jeff Mahoney

    Thanks again for another high-quality presentation that was entertaining, informative AND inspirational (definitely going to try some of that stuff out myself).

    March 8, 2013

  • Darwin Campa

    Very well crafted presentation with demos and a github repo of everything to boot. Opened my eyes to some new possibilities, thanks!

    March 7, 2013

  • Thomas Ingram

    Great presentation!

    March 7, 2013

  • A former member
    A former member

    Enjoyed the Meetup and learned a lot.

    March 7, 2013

  • Tesh

    I have to miss tonight. My wife called shotgun on me and as engaging as Les is I don't think my 3 year old will care for the topic ;-)

    March 7, 2013

  • Diane

    last minute work deadline. sorry gonna miss it!

    March 7, 2013

  • Evan Huntley

    Sweet!

    March 7, 2013

  • Jeff Mahoney

    Looking forward to another info-rich Function Pink event!

    March 7, 2013

  • Darla Yancho

    Sorry to miss this at the last minute, but have a client coming in from out of town. Will look forward to next meetup!

    March 6, 2013

  • Chip Carey

    can't make it tomorrow! dropping my spot so someone can take it if they like.

    March 6, 2013

  • Mark

    Unfortunately I have to cancel. Have fun everyone!

    March 6, 2013

  • Eileen Allen

    Unfortunately I'm out of town. Sad to miss it.

    March 6, 2013

  • Pat Garcia

    Last minute trip. Have fun!

    March 6, 2013

  • Nancy Jin

    family in town :/

    March 5, 2013

  • Ellen Lynch

    Sorry, something came up. :(

    March 3, 2013

  • Darwin Campa

    Now this is wtf I am talking about.

    February 16, 2013

  • A former member
    A former member

    Curious to see what this is about

    February 8, 2013

  • Evan Huntley

    Sweet!

    February 4, 2013

  • Roger Austin

    This sounds really interesting. Thanks Les!

    February 4, 2013

Our Sponsors

  • Republic Wireless

    Helping to make Function Pink the best web development meetup in town.

People in this
Meetup are also in:

How about starting a Meetup Group like this one in your local neighborhood?

Find your people.

Log in

Not registered with us yet?

Sign up

Meetup members, Log in

By clicking "Sign up" or "Sign up using Facebook", you confirm that you accept our Terms of Service & Privacy Policy