Click here to join 1000 satisfied readers Get in touch Click here to join 1000 satisfied readers Portfolio Read my blog Home

Here you can find my latest tutorials, blog posts or you can hire me to help your business grow.

Enjoy your visit.

Delicous saves: 0
  Buzz it

22 Excellent Examples of Advanced jQuery UI's in action

by admin | September 15, 2009 | In Resources


jQuery is one of the most widely adopted javascript frameworks in the wild with millions of developers around the World using it daily in their projects. As a result of it’s growth, developers have been able to let their imagination run wild when it comes to designing exciting new interfaces that are both rich, exciting and intuitive.

 

In this post I’m going to share the top 22 pages using jQuery that I felt deserved a mention – you’ll everything from fun but humble new ways to offer your users a Captcha to a completely javascript based Robot animation. Heard about the Google API but haven’t had the chance to play around with it yet?

 

There’s an even a good Google Maps jQuery example included.  Why not take 20 minutes out of your evening to play around with some of the demos below? You could be pleasantly surprised at what you learn ; )

 

  1. A completely interactive music player powered by mouse gestures and your keyboard
  2. A a tree graph visualisation linking commenters and blog post authors done using Processing.js – a great example of real-time image processing using HTML5
  3. A really nice Ajax based Captcha using draggable components and jQuery
  4. The vertical-sliding Portfolio – a great example of how to use jQuery for animations effectively
  5. jQuery and GoogleMaps – how to do use Zoom effects in the wild
  6. A jQuery dashboard like the one found on a Mac
  7. How to use jQuery to create an online version of Tetris
  8. A slick, fast jQuery based File-tree for navigation
  9. Dynamic editable charts using jQuery – learn how to create pie charts on the fly!
  10. Create an Amazon.com style Book Sliding widget
  11. An awesome Twitter-like load more widget from David Walsh
  12. How to create an animated Landscape for your site intro using jQuery
  13. The jQuery text-resizer – resize text in a given form field using a slider component
  14. The Picture cycle plugin – create amazing animated image effects using minimal code
  15. Create a beautiful filterable portfolio of websites or other content using jQuery (recommended)
  16. Scrollable – a nice scroller for making any div content scroll smoothly within a carousel
  17. A jQuery animated Robot cartoon powered completely by JavaScript and CSS
  18. A slick sliding login panel
  19. Create a smooth tabbled menu like the type found in many Web 2.0 wordpress templates
  20. The m.b ideas jQuery menu using Ajax for content retrieval
  21. The BBC Radio 1 Zoom tabs – used to zoom out images using your mouse
  22. A jQuery version of the Tumblr OpenSocial sharing widget

Tagged as: , , , , , , , , ,

This website uses IntenseDebate comments, but they are not currently loaded because either your browser doesn't support JavaScript, or they didn't load fast enough.

6 Responses »

  1. WebDesignExpert.Me on September 23, 2009 at 1:01 pm:

    Theres another jQuery design that looks peculiar to me because it displays a round popup on page focus – it can be seen in action at popchips.com (not my site)

  2. WebDesignExpert.Me on September 23, 2009 at 1:01 pm:

    Theres another jQuery design that looks peculiar to me because it displays a round popup on page focus – it can be seen in action at popchips.com (not my site)

  3. website redesigns | WebDesignExpert.Me on September 23, 2009 at 8:03 am:

    [...] 22 excellent examples of advanced jQuery UI’s in action- Link. [...]

  4. website redesigns | WebDesignExpert.Me on September 23, 2009 at 8:03 am:

    [...] 22 excellent examples of advanced jQuery UI’s in action- Link. [...]

  5. ContinousLearner: Links (9/24/2009) | Astha on September 24, 2009 at 10:04 pm:

    [...] 22 Excellent Examples of Advanced jQuery UI’s in action [...]

  6. ContinousLearner: Links (9/24/2009) | Astha on September 24, 2009 at 10:04 pm:

    [...] 22 Excellent Examples of Advanced jQuery UI’s in action [...]

Leave a Reply