Its all jQuery plugins. The Home tab gives the names and credits, and its
not done yet. I think this is the best example of using jQuery in an
interface, though I am sure a more experience programmer could do a better
job. I think we would start a contest to see who can use the most number of
jQuery plugins in a useful interface. I would be willing to pay for a prize.

 

Please do not look at this in IE7. Just FF. For some reason IE is barfing on
the species pages, something about the way I am loading the HTML no doubt.

 

http://www.whatbird.com/wwwroot/Components/Complete_Search_Tab.html

 


This interface is an example of what a novice non programmer can do using
jQuery and a number of its best plugins. The project was an inspiration to
me because of how much I could accomplish with so little code. I had to
become familiar with a large number of topics that were very technical, but
I had a lot of hand hold and help from the community. I plan to say a lot
more about what is in this page, as I believe it captures many of the best
things about jQuery Its going to grow a lot too.

PS I am sure my coding and structure could be vastly improved upon. So
please don't laugh too hard when you look close.


jQuery Plugin

Author

Mitchies*

Description and comments


accordion

Dan Resig (Dan Switzer's adaption)

4

Has a few rough edges but this design is far superior to the one that shows
up the most on Google search.
http://www.pengoworks.com/workshop/jquery/resig_accordion.htm


easing

 

5

 


checkboxes

 

5

 


tabs

 

4

The tab plugin is the best one out there, its light weight and very
flexible.


cycle

 

5

Click on American Avocet in the left panel of bids. It will open the
overview or mini species page. The cycle plugin rotates through the
variations of the bird (juvenile, winter, etc)


jTip

 

3

Pass your cursor over the American Dipper. The jTip tooltip will pop up.

 

* my own rating system

Reply via email to