Testing out jQuery Tools…pure awesome
I’ve seen this site before, jQuery Tools – The missing UI Library for the Web, and I got a tweet about it again this morning. I was sick of getting links to it, so I decided what the hell, lets try this thing out and see what it does. It does some cool ass stuff, THAT is what it does!
And to make it even better, it is extremely easy to get things up and running. I tried out the Tabs – UI Tool, and the Tooltip (which you will see on the second pane). I have created a demo just to show you how easy it really is. They have demos of all of their tools on their site, with really easy to follow instructions for each to get them going. Go to the link above to check out all that it has available. But just to show you how freakin’ simple it is, here is a demo I did with the Tabs tool…took me less than 5 minutes.
Click here for the demo.
Take a look at the source code of my demo, and you can see what it consists of. You could literally copy the entire source, and it would work for you right now (exluding the tooltip png, which they provide in a zip file!). They provided the basic css, and the basic jQuery functions to get it going. You just need to include the jQuery js file, and their tools.min.js file. After doing just this basic demo, I am all about this awesome set of tools, and I can’t wait to start using them in some projects. Plus you can radically customize the css. They just had the base styles there, and I didn’t do anything to them. I’m already thinking of what I can do with it.
So take a look at them, and let me know what you think. I can honestly say, I was beyond surprised at what I found. hats of to the creators.
Coupon Code: webmachine
This method will remove all the child nodes of the matched element from the DOM. Below, anything within the element(s) with the class .sideContainer would be removed. Similar to remove(), but empty would be used when you want things out of the matched element, where as remove() would be use to remove the actual matched element (plus everything it contains). Very cool.