I think that "top n" lists of things might be the 2011 web cliche of the year, but there was one gem on there that was worth the view. Check out the beercamp link (http://2011.beercamp.com/) - it does something I have never seen before. It hijacks the scroll bar and instead of a y-axis scroll, it zooms towards the center of the screen, pushing the outer elements larger and then off-screen. I just like to see examples like this that make me challenge my expectations of what an interface can be. (Not that I am an interface designer - it would be fascinating to grab a coffee with people that are and hear some other non-obvious ways of letting a viewer steer a web browser)
I'm sure we'd cry bloody murder to see this replace the "top left, scroll down" model, though.
It looks like that works by having two elements in the body, one, 'wrap', w/ position fixed and covering the screen, covering up another, 'scroll-proxy', with height 5400. They detect scroll on the proxy and use it set css transforms on elements inside 'wrap' to do the zooming effect. It is awesome how smoothly the CSS animations work.
I'm sure we'd cry bloody murder to see this replace the "top left, scroll down" model, though.