jQuery UI Cookbook

For jQuery UI developers this is the ultimate guide to maximizing the potential of your user interfaces. Full of great practical recipes that cover every widget in the framework, it’s an essential manual.

jQuery UI Cookbook

Cookbook

Adam BoduchJuly 2013

3 customer reviews

For jQuery UI developers this is the ultimate guide to maximizing the potential of your user interfaces. Full of great practical recipes that cover every widget in the framework, it’s an essential manual.

Book Details

ISBN 139781782162186

Paperback290 pages

Book Description

jQuery UI is the quintessential framework for creating professional user interfaces. While jQuery core lays the foundation for interaction with the DOM and handling events, jQuery UI fills in the user interaction gap. This book will give you a huge productivity boost out of the box with jQuery UI, and help you understand the framework, inside and out.

"jQuery UI Cookbook" provides you with practical recipes featuring in-depth coverage of every widget in the framework, including how to address limitations that impact your everyday development activities with these widgets. You'll get a better idea of the big picture – how the framework is composed, how the widgets relate to one another, and how to build on those patterns.

Be it a minor tweak on the visual design of a progress bar or a fundamental change in a widget to meet your needs, "jQuery UI Cookbook" covers scenarios both big and small. You can show reminders as tooltips, apply a variety of effects to the menu widget, and start interactions between the dialog widget and API data using deferred objects. These and many more interesting tasks are covered in this book, which can be done with smooth learning and great understanding. You will see how button widgets can fill the width of their containing element, making the layout more consistent. Tabs can be sorted and moved between widgets. You will learn how to do all these things within the context of the big picture, by finding out why the components work the way they do, making you well-versed in jQuery UI.

Table of Contents

Chapter 1: Creating Accordions

Introduction

Section navigation using the Tab key

Dynamically changing the height style

Resizable content sections

Controlling spacing with themes

Sorting accordion sections

Dragging-and-dropping between accordions

Chapter 2: Including Autocompletes

Introduction

Styling the default input with themes

Building data sources using select options

Using multiple data sources

Remote autocomplete filtering

Custom data and categories

Applying effects to the drop-down menu

Chapter 3: Crafting Buttons

Introduction

Making simple checklists

Controlling the spacing with buttonsets

Filling space with buttons automatically

Sorting buttons within a group

Using effects with the button hover state

Button icons and hiding text

Chapter 4: Developing Datepickers

Introduction

Working with different date formats

Making a full-sized calendar widget

Displaying month-to-month effects

Appointment reminders as tooltips

Restricting the date range

Hiding the input field

Additional calendar data and controls

Chapter 5: Adding Dialogs

Introduction

Applying effects to dialog components

Waiting for API data to load

Using icons in the dialog title

Adding actions to the dialog title

Applying effects to dialog resize interactions

Using modal dialogs for messages

Chapter 6: Making Menus

Introduction

Creating sortable menu items

Highlighting the active menu item

Using effects with menu navigation

Building menus dynamically

Controlling the position of submenus

Applying themes to submenus

Chapter 7: Progress Bars

Introduction

Displaying file upload progress

Animating progress changes

Creating progressindicator widgets

Using states to warn about thresholds

Giving progressbars labels

Chapter 8: Using Sliders

Introduction

Controlling the size of the slider handle

Removing the handle focus outline

Using master sliders and child sliders

Marking step increments

Getting range values

Changing the slider orientation

Chapter 9: Using Spinners

Introduction

Removing the input focus outline

Formatting currencies for local cultures

Formatting time for local cultures

Controlling the step between values

Specifying the spin overflow

Simplifying the spinner buttons

Chapter 10: Using Tabs

Introduction

Working with remote tab content

Giving tabs an icon

Simplifying the tab theme

Using tabs as URL navigation links

Creating effects between tab transitions

Sorting tabs using the sortable interaction

Setting the active tab using href

Chapter 11: Using Tooltips

Introduction

Changing the tooltip state

Using custom markup in tooltips

Displaying the mouse movement

Applying effects to the tooltip display

Tooltips for selected text

Chapter 12: Widgets and More!

Introduction

Accordions to tabs, and back again

Building a custom widget from scratch

Building an observer widget

Using widgets with Backbone applications

What You Will Learn

Benefits and tricks in each jQuery UI widget

Build your own widget using the widget factory and the theme framwork

Built-in event-handling utilities for inter-widget communication

Extend widgets to provide the missing behavior your application needs

Extend and improve the design of each widget using the theme framework, overriding defaults such as borders and backgrounds

Details about different widget configurations not covered in the jQuery UI documentation

Discover the role of each widget in an application and how they collectively contribute to a better user experience

Explore coding conventions that work best when writing jQuery UI code

Learn about unique perspectives on approaches to widget development – maintainability matters

Authors

Adam Boduch

Adam Boduch has been building web applications for over a decade. He has extensive experience with building large-scale front end architectures and writing high-performance JavaScript code. Adam is the author of Flux Architecture published by Packt and is currently working on building React applications that scale.

Alerts & Offers

Series & Level

We understand your time is important. Uniquely amongst the major publishers, we seek to develop and publish the broadest range of learning and information products on each technology. Every Packt product delivers a specific learning pathway, broadly defined by the Series type. This structured approach enables you to select the pathway which best suits your knowledge level, learning style and task objectives.

Learning

As a new user, these step-by-step tutorial guides will give you all the practical skills necessary to become competent and efficient.

Beginner's Guide

Friendly, informal tutorials that provide a practical introduction using examples, activities, and challenges.

Essentials

Fast paced, concentrated introductions showing the quickest way to put the tool to work in the real world.

Cookbook

A collection of practical self-contained recipes that all users of the technology will find useful for building more powerful and reliable systems.

Blueprints

Guides you through the most common types of project you'll encounter, giving you end-to-end guidance on how to build your specific solution quickly and reliably.

Mastering

Take your skills to the next level with advanced tutorials that will give you confidence to master the tool's most powerful features.

Starting

Accessible to readers adopting the topic, these titles get you into the tool or technology so that you can become an effective user.

Progressing

Building on core skills you already have, these titles share solutions and expertise so you become a highly productive power user.