Skip to content

HTML5/CSS3 Zooming User Interface

I’m taking liberties with the concept of zooming user interfaces, but this is an example of something that lets you browse wikipedia by zooming in toward a link, and zooming out to go back. So I guess it’s more of a z-axis spatial visualization for history somewhat similar to what I guess Apple’s Time Machine program is like (though I have never tried it).

It uses html5′s popState and pushState to get the URL to change without reloading the page (which, btw people should use instead of the weird /#/ urls). It uses webkit transformations, which probably aren’t part of CSS3 since it’s vendor specific, but I haven’t had time to hack it to work on firefox, feel free to fork.


So that’s a bookmarklet. feel free to click it on this site and it’ll get rid of the infinite scrolling and for some reason it doesn’t work well on this site. Try it on wikipedia.

Posted in Design, Zooming User Interface.

Tagged with , , , , , .

One Response

Stay in touch with the conversation, subscribe to the RSS feed for comments on this post.

  1. Timothy says

    If you choose, it is possible to choose one in the Las Vegas hotels because setting on your Las Vegas NV big event, reception and honeymoon.
    By the process, you might be reinforcing that negativity and attracting to yourself MORE.
    The free Lyrics Search app can be obtained at the Android Market.

Some HTML is OK

or, reply to this post via trackback.