jQuery UI 1.7 By Dan Wellman

Posted November 23, 2009 at 9:16 AM by Ben Nadel

Tags: Javascript / DHTML, Books

This weekend, I finished reading jQuery UI 1.7 [The User Interface Library For jQuery] by Dan Wellman (released by PACKT Publishing). It's a follow-up to his jQuery UI 1.6 book, which I reviewed in early 2009. With a technology that is evolving as fast as jQuery, it's important that the documentation keep up such that we may know how to best leverage the tools that we have available; Dan's latest book, jQuery UI 1.7, does just that - bringing us completely up-to-speed with all aspects of the jQuery UI library.


 
 
 

 
jQuery UI 1.7 [The User Interface Library For jQuery] By Dan Wellman And PACKT Publishing.  
 
 
 

One thing that I was thrilled to see when reading this book was that after a brief introduction to jQuery and jQuery UI, Dan dives directly into the jQuery UI CSS framework. With the 1.7 release of jQuery UI, the library has become completely standardized in the way that the markup and CSS classes are applied to the library widgets. Not only does this make it easy to uniformly skin the widgets (via tools like ThemeRoller), it provides a good structure for anyone hoping to create their own custom user interface widgets.

Dan covered the CSS framework in chapter 2, but I was very happy to find the CSS framework being brought up as a consistent theme throughout the book; each widget-based chapter takes time to examine the programmatically-generated HTML of each widget instance as well as how the phenotype of each widget might be overridden with some simple CSS rules. Whether through the configuration options or through customized CSS, Dan really does a great job of painting a picture of flexibility; as with any library, it's important to not feel like you've locked yourself into a corner, and Dan takes great care to drive home the point that jQuery UI is empowering, not constraining.

The CSS exploration in this book was very good and it made me greedy; I wanted to see more. Particularly, I would have loved to have seen a chapter dedicated to the concept of authoring your own jQuery UI widgets. Throughout the book, Dan touches on this concept, showing us were we might use a ui-widget-header or ui-widget-content class to theme our own markup, but authoring as a topic was never really fleshed out. Of course, I have a suspicion that an exploration in authoring widgets would fill another book, not just another chapter (hint hint ;)).

Beyond the CSS framework and all that it entails (which is something that I was particular interested in), the book provides exhaustive documentation of how the UI widgets and UI behaviors work. Starting each widget with the out-of-the-box default configuration, Dan discusses what each option, callback, and event binding does and how we can leverage them to enhance the user experience. When it comes to the UI behaviors (drag, drop, resize, select, sort), which are by nature less tangible, Dan takes extra care to step through examples with increasing complexity, describing real-world scenarios in which the various behaviors might be used (ex. maze game, task list, image viewer, Google-style portal).

In addition to the focused explanation of each widget and behavior, Dan also demonstrates the high-intercompatability of the various library components. Whether it's nesting tabbed interfaces within accordions, accordion interfaces within modal windows, date pickers as modal prompts, or applying sortability behaviors to tabbed interfaces, I was very happy to see that the underlying structure of the jQuery UI library was so well thought out that nesting one widget within another causes no complications.

Overall, jQuery UI 1.7 [The User Interface Library For jQuery] is a very thorough book and definitely a solid resource for anyone looking to become familiar with the ins and outs of the library. Dan Wellman has a clear and easy-to-follow writing style and lays out his examples with increasing complexity in a way that everyone can understand. He appears to have a good grasp on the underlying CSS framework, and in fact, this is a topic on which I'd like to see him write a lot more.




Reader Comments

Nov 23, 2009 at 9:28 AM // reply »
66 Comments

Thanks for the review, Ben!


Nov 23, 2009 at 12:04 PM // reply »
7 Comments

great review, Ben!
exactly what i was waiting (and hoping) for - i bought the book straight away after reading your review, but from PACKTpub.com directly - their cover price is a bit better, AND you can use the DZone promo code to get further 20% discount (!): http://java.dzone.com/announcements/get-20-dzone-members-books

Azadi


Nov 23, 2009 at 12:08 PM // reply »
7 Comments

PS:
and don't forget to fill out a short survey after the purchase (if you buy from PACK directly) - you will get a 40% discount promo code for future purchases.

Azadi


Nov 23, 2009 at 12:38 PM // reply »
10,640 Comments

@Azadi,

Awesome! I really hope you like it.


Nov 23, 2009 at 1:33 PM // reply »
32 Comments

@Ben,

Would you need to read the first book before reading this one?


Nov 23, 2009 at 1:35 PM // reply »
10,640 Comments

@Daniel,

Definitely not. There's nothing in the first book that is not covered in the second book (in a more up-to-date way).


Post A Comment

Comment Etiquette: Please do not post spam. Please keep the comments on-topic. Please do not post unrelated questions or large chunks of code. And, above all, please be nice to each other - we're trying to have a good conversation here.

Please review the following issues:

Author Name:


Author Email:

Author Website:

Comment:

Supported HTML tags for formatting: <strong>bold</strong>   <em>italic</em>   <code>code</code>







  • Help Wanted - Find Your Next ColdFusion Job
InVision App - Prototyping Made Beautiful With Prototyping Tools Ben Nadel's Company - Epicenter Consulting Recent Blog Comments
Feb 12, 2012 at 3:37 AM
Learning ColdFusion 8: CFImage Part III - Watermarks And Transparency
Hi Ben, Just to ask currently it is placed bottom right corner, if i need to replace the same rendered image on the bottom left side or in the bottom center, how that can be calculated. bottom ce ... read »
Feb 11, 2012 at 9:29 PM
Use jQuery's SlideDown() With Fixed-Width Elements To Prevent Jumping
I can't say how glad I am that I found your post. Thank you very much. ... read »
Feb 10, 2012 at 7:21 PM
jQuery AJAX Strips Script Tags And Inserts Them After Parent-Most Elements
Update! Instead of $(eval(options.insertAfter)).after(data['insertData']); I now use: var ajaxNode = document.createElement('span'); var parent = $(eval(options.insertAfter))[0].parentNode; ... read »
Feb 10, 2012 at 6:18 PM
jQuery AJAX Strips Script Tags And Inserts Them After Parent-Most Elements
encountered this same, what I consider, jQuery bug last week. I'm building a site in which I load some content via AJAX. This content contains Linkedin share button placeholders which Linkedin API ne ... read »
Feb 10, 2012 at 11:30 AM
Cross-Origin Resource Sharing (CORS) AJAX Requests Between jQuery And Node.js
After you understand the concepts here, this is an awesome cheatsheet for enabling CORS in just about anything http://enable-cors.org/ ... read »
JM
Feb 10, 2012 at 9:10 AM
My Safari Browser SQLite Database Hello World Example
@Amy, Here is a very good tutorial on how to use JOIN: http://www.sqltutorial.org/sqljoin-innerjoin.aspx ... read »
Feb 10, 2012 at 4:42 AM
Building A Twitter-Inspired RESTful API Architecture In ColdFusion
This is great, very useful Ben. I spotted a small typo in the api.cgm listing: <cfthrow type="Unauthroized" /> Cheers Stefan ... read »
Feb 9, 2012 at 10:35 PM
CFDirectory Filtering Uses Pipe Character For Multiple Filters (Thanks Steve Withington)
I was wondering if there would be a filter you could apply so that you got everything but what you included in the filter. As in show me all docs that are not a .pdf. ... read »