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 M.

    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.

    Awesome demo and live coding!

    March 8, 2013

  • Brian M.

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

    March 8, 2013

  • Inwha K.

    Excellent

    March 8, 2013

  • Jeff M.

    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 C.

    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 I.

    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 H.

    Sweet!

    March 7, 2013

  • Jeff M.

    Looking forward to another info-rich Function Pink event!

    March 7, 2013

  • Darla Y.

    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 C.

    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 A.

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

    March 6, 2013

  • Pat G.

    Last minute trip. Have fun!

    March 6, 2013

  • Nancy J.

    family in town :/

    March 5, 2013

  • Ellen L.

    Sorry, something came up. :(

    March 3, 2013

  • Darwin C.

    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 H.

    Sweet!

    February 4, 2013

  • Roger A.

    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:

Sometimes the best Meetup Group is the one you start

Get started Learn more
Bill

I started the group because there wasn't any other type of group like this. I've met some great folks in the group who have become close friends and have also met some amazing business owners.

Bill, started New York City Gay Craft Beer Lovers

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