Group items tagged

There are about a dozen other plugins out there that do this already, except most seem to come with an enormous footprint: 10-12k of code, X-number of images, and roughly 1000 options to support every plausible use case. For other minimalists like myself out there, here's one built off the jQuery UI widget factory in approx. 100 lines of code and 100% CSS. In typical widget fashion, this implementation supports the most basic (and arguably most common) uses, but is flexible enough for more advanced cases.

jQuery UI now has a position utility function that makes the job of positioning elements relative to other elements deliciously easy! Let's take a look.

"Today, I would like to go over a quick and simple way to allow your users to switch page layouts by using CSS and jQuery. Today's web users expect web pages to be increasingly more interactive. To this end, the ability to change page layouts provides your users with a more immersive experience and allows them to consume information more easily, either with a quick gallery view, or a detailed summary view."

AnimaDrag is a great drag-and-drop plugin that is small and lightweight. Created by web and software developer Abel Mohler, it's independent of jQuery UI framework and is easily draggable thanks to jQuery animation.

Summary:  Discover how easy it is to improve the usability of your CodeIgniter applications using jQuery. By leveraging the power of CodeIgniter's MVC-based framework and jQuery's support for Asynchronous JavaScript and XML (Ajax) interaction, learn how to quickly and efficiently create more effective UIs.

Agile Carousel allows you to easily create a custom carousel. Call Jquery UI to enable many different additional transition types and easing methods. Uses PHP to draw images from the folder you specify. Configure many different options including controls, slide timer length, easing type, transition type and more!

If you haven't heard yet, jQuery released their new mobile framework over the weekend, and we couldn't be more excited.

"So today I'm launching CSS Prism, a CSS color spectrum inspector. Input the path to any .css file, and it'll output an easy to scan display of all hex colors from the file. Unwanted colors can be edited via a Photoshop-like color picker (using the jQuery color picker) and the resulting .css file can be downloaded for your convenience."

Rich Internet Application technology has empowered us to create really amazing user experiences. The best RIAs on the web today rely on a discreet set of UI controls to provide a lively and timely experience. If you are moving from web site design to web application design, the best information you can have at your disposal is an understanding of these essential controls.