Article: Great jQuery tutorials

Some of the best JQuery tutorials I’ve seen so far. Enuff said.

Read about Best jQuery Tutorials for June 2009. Enjoy.

Tip: Smart way to ‘check all’ with JQuery

I came across a very nice post to have a “check all” functionality using JQuery. Great stuff and I’m sure will come in useful for many developers.

Check it out here.

Enjoy.

JQuery Charts

I recently came across an very nice plugin for JQuery to create graphs and charts. Like many other JQuery plugins, it’s very easy to learn and takes no time at all to get up and running. This plugin is call jqPlot. If you need charting capabilities, jqPlot is definitely worth taking a look at. jqPlot has internally a plugin system as well, which allows you to specify different kinds of ‘renderers’ to create different kinds of charts. This framework is really cool, as it provides many useful renderers out of the box like bar charts, pie charts, and line charts. I’ve done up a very simple webpage with some data on blogging statistics, and you can spin up different kinds of charts using the buttons.

Tip/Tricks: Glimmer Tool for JQuery

If you’re new to JQuery and want to learn or already know enough, but lazy to write JQuery code by hand, have a look at Microsoft’s Glimmer Lab. Glimmer is a free tool you can download and there are wizards you can use to spit out Html, Css and JQuery code in a .js file for you. Some cool things you can at the moment are DropDown Menus and Tooltips.

Just follow the wizard and you get your cool effects in a flash! This is Version 1.0 and I’m looking forward to see more cool things to be made available for developers. Simply awesome.

JQuery UI and Validation

I’m still on my journey to become more proficient in JQuery, and the best way to get better is to do more hands-on. This time, I worked on an example for a simple registration form, with some animations, and made use of JQuery UI library and JQuery Validation library.

The sample registration requires you to first fill in “Step 1” of the registration process before you can go to “Step 2”. Each step is lazily validated until you click the “Next” button, and the fields will be eagerly validated after that. Below are screenshots of validation provided by JQuery Validation library.

JQuery: Animated Film Strip

I have seen a number of implementations of animated film strip on websites and I’ve always wondered how it’s been done. Using Silverlight, I feel it’s pretty straightforward with the built-in animation API, but with normal HTML it becomes a non-trivial task, especially if everything is to be client side scripted. With my limited knowledge of JQuery, I decided to give that a go using ASP.NET 2.0.

Article: JQuery with ASP.NET MVC

I came across another great JQuery article on MSDN magazine, with great examples used ASP.NET MVC framework. It’s definitely worth a read!

Read the JQuery article here.

Articles: Good JQuery articles

Here are 2 links to good JQuery overviews on MSDN Magazine. They are pretty extensive, good to read for someone starting out in JQuery.

Article 1

Article 2

JQuery: Animated Collapsible List

The more you use JQuery, the more intuitive it becomes, as well as easier and enjoyable. I extracted this example from a book I’m reading, and I will provide links at the end of this post to aid understanding. Here’s a snapshot of the demo, and when you click on the + or -, it will collapse or expand the children with animation.

Download this demo’s zip file here. (just unzip and open the html in your preferred browser.)

Introduction to JQuery

I’m on my vacation in Taiwan right now, it’s been very relaxing and I’m enjoying some of the most beautiful scenery I’ve ever seen. As usual, I always try to bring some reading material on my vacations to maximize spare time like traveling between areas, plane, or just idle time. This time round, I’ve  decided to explore the world of JQuery, a lightweight client side scripting library. I’ve heard very good things about JQuery and became especially excited when I learnt that Microsoft will be shipping JQuery in future versions of Visual Studio. As a consultant that works primarily with Microsoft technology, it’s a joy to see that MS is adopting Open Source, and I feel that JQuery will be able to fill the missing gap in MS’s lack of tools/API for client side scripting.