Adam's public fiddles
-
Backbone Virtual Machine Demo
A simple Backbone virtual machine demo using handlebars templates.
-
Activate Accordion Section Based On Hash
Activate a jQuery UI accordion section based on the location.hash string.
-
8YUsV
jQuery 2.0.2, HTML, CSS, JavaScript
-
Add Tab To Specific Index
Instead of just adding tabs to the end of a tabs list, use a specific index.
-
Notifying Progressbars With Deferred Objects
Using the jQuery Deferred object to notify progressbar widgets about progress.
-
Chains and Flattened Arrays
Using Lodash, we can flatten complex array structures into a single array, and then remove duplicates. Chains simplify the whole process.
-
Responding To Dialog Open and Close Events
The outside world can respond to the open and close events triggered by the jQuery UI dialog widgets.
-
Themed Resizable Helpers
Adding jQuery UI theme style properties to the resizable helper element.
-
Time Spinner Step Values
Using a half hour, or a full hour as the step values for the jQuery UI widget.
-
Applying Themes To Selected Text
Sample CSS properties from the ui-state-highlight class and use them to create a new style rule that utilizes the ::selection pseudo element.
-
Dynamic Slider Step Values
Using dynamic slider step values in jQuery UI by mapping the value to the custom step array.
-
Transition Support For Radio Buttons
jQuery UI uses the buttonset widget to group together radio buttons. We can achieve some nice effects with CSS transitions.
-
Two Approaches To _.reduce()
Using two different approaches to the lodash reduce() function. Using _.pluck() and individual calls to _.reduce(). Or, using one all to _.reduce() with and initial accumulator.
-
Dialog Close Button Text
Make the jQuery UI dialog close button show text instead of an icon.
-
Highlight Selected Menu Item
Highlighting the selected jQuery UI menu item using clases from the theme framework.
-
Remote Accordion Content
Dynamically loading jQuery UI accordion panels with remote content.
-
Progressbar Finish Method
Implementing a finish method for a jQuery UI progressbar widget.
-
Smoothness Theme with Roboto Condensed Webfont
Demonstrating the default jQuery UI smoothness theme using the Roboto Condensed web font.
-
Bouncing Tab Transitions
Applying the bounce effect to tabs when transitioning between tabs.
-
Sorting Between Tables
Using the sortable jQuery UI widget to move rows in between tables.