jQuery UI 1.10: The User Interface Library for jQuery: Need to learn how to use JQuery UI speedily? Our guide will take you through implementing and customizing each library component in clear, concise steps, all supported by practical examples to make learning faster. , Fourth Edition

$9.99 ~~$32.99~~

4.7 (6 Ratings)

eBook Dec 2013 502 pages 4th Edition

$9.99 ~~$32.99~~

eBook Dec 2013 502 pages 4th Edition

What do you get with eBook?

Instant access to your Digital eBook purchase

Download this book in EPUB and PDF formats

Access this title in our online reader with advanced features

DRM FREE - Read whenever, wherever and however you want

View table of contents

Preview Book

jQuery UI 1.10: The User Interface Library for jQuery

Chapter 2. The CSS Framework and Other Utilities

Added in Version 1.7, the jQuery UI library contains a refreshed CSS framework that can be used to effectively and consistently theme each widget available in the library. The framework is made up of many helper classes that we can use in our own code, even if we aren't using any of the library components.

In this chapter we'll be covering the following subjects:

The files that make up the framework
How to use the classes exposed by the framework
How to switch themes quickly and easily
Overriding the theme
Using the position utility

The position utility

The position utility is a powerful stand-alone utility that is used to position any element relative to the window, the document, a specific element, or the mouse pointer. It is unique among library components, in that it doesn't require jquery.ui.core.js or jquery.effects.core.js as dependencies.

It exposes no unique or custom methods (other than the position() method), and fires no events, but it does come with a series of configuration options that allow us to use it. These options are listed in the following table:

Option	Format	Used to
at	string	Specify the edges of the element that is being positioned against. Formatted as, for example, left bottom.
collision	string	Move the positioned element to an alternative position when the positioned element overflows its container.
my	string	Specify the edges of the element being positioned that are expected to be aligned to the element being positioned against, for example right top.
of	selector, jQuery, object...

Key benefits

Packed with clear explanations of how to easily design elegant and powerful frontend interfaces for your web applications
A section covering the widget factory including an in-depth example of how to build a custom jQuery UI widget
Revised with updated code and targeted at both jQuery UI 1.10 and jQuery 2

Description

jQuery UI, the official UI widget library for jQuery, gives you a solid platform on which to build rich and engaging interfaces quickly, with maximum compatibility, stability, and effort. jQuery UI's ready-made widgets help to reduce the amount of code that you need to write to take a project from conception to completion. jQuery UI 1.10: The User Interface Library for jQuery has been specially revised for Version 1.10 of jQuery UI. It is written to maximize your experience with the library by breaking down each component and walking you through examples that progressively build up your knowledge, taking you from beginner to advanced user in a series of easy-to-follow steps. Throughout the book, you'll learn how to create a basic implementation of each component, then customize and configure the components to tailor them to your application. Each chapter will also show you the custom events fired by the components covered and how these events can be intercepted and acted upon to bring out the best of the library. We will then go on to cover the use of visually engaging, highly configurable user interface widgets. At the end of this book, we'll look at the functioning of all of the UI effects available in the jQuery UI library.

Who is this book for?

This book is for frontend designers and developers who need to learn how to use jQuery UI quickly. To get the most out of this book, you should have a good working knowledge of HTML, CSS, and JavaScript, and should ideally be comfortable using jQuery.

What you will learn

Theming of the widgets through the CSS framework
Apply themes and widgets to style your interface
Configure the different components, including the new Tooltip and Menu widgets
Understand the different options that each component uses
Learn more about each widget programmatically using its methods and event hooks
Add flair to your interface with animation effects
Discover advanced functionality supported by the different Tabs

What do you get with eBook?

Instant access to your Digital eBook purchase

Download this book in EPUB and PDF formats

Access this title in our online reader with advanced features

DRM FREE - Read whenever, wherever and however you want

Frequently bought together

$54.99

$43.99

$54.99

Total $ 153.97

Filter reviews by

All

Amazon verified reviews

SuJo May 05, 2014

WOW is right, this book was awesome! This book delivers and doesn't disappoint. Each jQuery UI element is discussed in detail from drag and drop to re-sizing, and my favorite the dialog! They are just so handy if you don't want to cram a bunch of information on a page all at once. This is the first book which I've been able to read that had a more in depth view of using the progress bar elements, and the book starts out right with getting a development environment setup and going. It's no wonder the reviews are starting at 4-5. The book is designed in my favorite "hands on approach" and keeps you going from one UI element to the next. I highly recommend this book, either as a reference for advanced users or a starting point for those whom are new to jQuery and wanting to start making their web sites interactive.The gem, the author also provides all of the code which saves your fingers from typing a lot, I do encourage typing though because it helps with muscle memory, I also liked how the author extended some of the base functionality to show you how you can fully customize the UI experience for your particular interface. 5/5!Publisher Link: [...]

Amazon Verified review

Sam Jun 01, 2014

Going back 10+ years ago, we were writing very complex Javascript code to handle IE, Netscape browsers, there were some browser detection and cross browser libraries, but those are nothing comparing to the modern UI libraries like jQuery. But it is hard to find good jQuery books and resources that is comprehensive and also practical - this book does both.If you would like to use it as a cookbook - just find the right topic and dive in, if you would like to read it slowly, it covers the entire library.Recommended for every UI developer, and enterprise architects that deals with UI components. Also Packt has great iOS and Android reader apps, I read it on my Samsung Galaxy 10.1 2014 Note tablet and it was a breeze.Sam

Zippy Jun 06, 2014

Alex Libby, himself the author of five books based on jQuery, HTML5 Video, and CSS, has done a great job updating the fourth edition of Dan Wellman's masterful examination of the jQuery UI library.Two bugbears drive programmers crazy when they face developing anything for the web: JavaScript and user interfaces.JavaScript, described by at least one programmer as "a dog of a language," has quirky, "noisy" syntax, scads of annoying curly braces, function keywords and semicolons, unintuitive type coercion and overloading of +, and on and on.And of course 80 to 90 percent of a programmer's code is devoted to creating a great user interface, regardless of the language.Doing one in JavaScript (in conjunction with, say, CSS) is a universal paradigm now, but can still be frustrating nonetheless.Fortunately, programmers developing interfaces for serving up dynamic web pages have received help from other programmers in the form of JavaScript libraries such as MooTools, Prototype, script.aculo.us, Ext Core, jsPHP, and the most popular of them all, jQuery, in particular the jQuery UI library, which brings us to Libby and Wellman's marvelous book.jQuery UI 1.10: the User Interface Library for jQuery is one of the more comprehensive surveys of the immensely popular realm of jQuery and ready-made widgets. Indeed, Chapter 15 of this book, entitled The Widget Factory, explains how you too can create your own JQuery UI plugins.Knowledge of Javascript knowledge is certainly advised when tackling this book, though the whole nature of jQuery and its ease of use helped spawn a whole generation of semi-literate "script kiddies" who play with published code, linking stretches of Javascript and ready-made widgets together like Legos or some other similar set of building blocks.In any case, this book examines not just widgets and how to make them look attractive via CSS, but also the semi-mysterious world of drag and drop. Everything is laid out for you in a series of examples for each library component, be it a quick, simple, straightforward implementation for those in a hurry or a visual and/or functional customization of each component.This book is highly recommended for anyone who must rely heavily on the jQuery UI library. It can also be found at [...] , where Packtpub offers a rapidly expanding set of books on computer stuff.

Mindy Swertfeger Apr 10, 2014

I've been using jQuery UI for several years now and I found this book to give a complete walkthrough of each of the major components in the library with each of the sections fully explained in terms which are easy to understand. The author gives examples of how each of the widgets function, how to set up the options and attach custom styles and events to enhance their usage.This book is geared towards developers who are versed in HTML, CSS and Javascript. A foreknowledge of jQuery is not a prerequisite however it is helpful in understanding the examples more fully. But a lack of experience in jQuery will not prevent the reader from learing how to implement jQuery UI into their product.For the designer, the largest concern about jQuery UI is the ability to make the styles fit into their designs. This book covers in detail which css classnames control which pieces of the UI for each widget in the library. Also of interest to designers should be the chapter on UI Effects which covers all the possibilities for effects on interactions.

Luigi Mar 13, 2014

I really appreciated this book, because it's comprehensive about the UI library of jQuery. It is well written and there are many snippets of code that allowed me to better understand the library. It explains how to start with the library, from the download to the configuration of the environment. It also explains the structure of the library. Then, from the 3rd chapter to the 10th chapter, the various widgets of the library are explained. For many of this widgets it's also explained how to configure them and use a custom style. I liked a lot the 11st chapter, that is about the Drag and Drop feature. This feature wasn't very clear to me before reading this book, so reading the 11st chapter I improved my knowledge about this feature of the library.

jQuery UI 1.10: The User Interface Library for jQuery: Need to learn how to use JQuery UI speedily? Our guide will take you through implementing and customizing each library component in clear, concise steps, all supported by practical examples to make learning faster. , Fourth Edition

What do you get with eBook?

jQuery UI 1.10: The User Interface Library for jQuery

Chapter 2. The CSS Framework and Other Utilities

Working with the files that make up the framework

Linking to the required framework files

Using the framework classes

Working with containers

Switching themes quickly and easily

The position utility

Positioning with a function

Using the position widget in a real-world example

The widget factory

Summary

Page 1 of 10

Key benefits

Description

Who is this book for?

What you will learn

Product Details

What do you get with eBook?

Product Details

Frequently bought together

Table of Contents

Recommendations for you

Customer reviews

Filter reviews by

People who bought this also bought

FAQs

jQuery UI 1.10: The User Interface Library for jQuery: Need to learn how to use JQuery UI speedily? Our guide will take you through implementing and customizing each library component in clear, concise steps, all supported by practical examples to make learning faster. , Fourth Edition

What do you get with eBook?

Contact Details

Billing Address

Key benefits

Description

Who is this book for?

What you will learn

Product Details

What do you get with eBook?

Contact Details

Billing Address

Product Details

Packt Subscriptions

Frequently bought together

Table of Contents

Recommendations for you

Customer reviews

Filter reviews by

People who bought this also bought

FAQs