/ best free open source web resources /

Graphic Resources

Useful Hover-based User Interface with jQuery, CSS3, HTML5

Posted · Category: License Free, Menu

AddyOsmani is going to teach us how to create a useful hover-based user interface using jQuery, CSS3, HTML5 and @font-face. Why a hover-based interface? With the popularity of touch-based web applications simplifying the way that people can use sites on mobile devices, there’s room for us to look into ways of making it even easier for people to use sites in desktop-based browsers too.

WanderWall achieves that and what it could easily be used for a portfolio or business site but the concepts we’ll learn could certainly be used to expand the idea further.


Requirements: jQuery Framework
Demo: http://www.addyosmani.com/resources/wanderwall…
License: License Free

  • I’ll grant “Hover-based User Interface”. “Useful” is a bit of a stretch. I literally jerked backward on first flipping to the demo page, as the content and UI went flying everywhere. Perhaps a bit too excited for its own good? Useful for gaming or band sites?

  • I don’t think it’s “Useful” alright.

    It looks good and fancy but the effects is a bit annoying. I personally don’t like it.

    at least it showcases jQuery’s power.

  • Brent B

    Anybody notice the sizing issues when there is a viewport width of 1024 or even 1280! Scrollbar scrolls to nothing and page/slide is cutoff.

  • I don’t think it’s “Useful” alright.

  • I Love it, its different, interactive, can be a bit jittery thou, would like to see another example.

  • Great tutorial, I am finding your blog really helpful at the moment. Thanks for all your advice.

  • Nice…I like it

Supported By


Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons