Tooltips are tiny user interface elements which are very useful in displaying information "on request" without breaking the attention/focus.

WRD had previously featured qTip and it now has a new version, qTip2, with lots of improvements and new, exciting features.

The plugin can display the tooltip in any position wanted, plays nicely with image maps and they can be set to follow any element (handy for drag 'n' dropped and animated items) or mouse.

Tooltips can be styled completely, there is an optional Themeroller support and they can even be displayed as modal windows.

It has built-in Ajax integration and can load any remote data. qTip2's website has lots of creative demos including 3rd part service and various popular plugin integrations.

P.S. The download package can be customized to şnclude only the features needed and a converter exists for upgrading from the 1st version.

UIKit is a set of lightweight (4kb minified / gzipped), simple, functional and flexible UI components.

The components are built to work in modern browsers and, currently, there are dialog, confirmation, color picker, flipping cards, growl-like notifications and a context menu solutions in the pack.

Each component comes with multiple options like the dialog having a modal-like display option notifications having standard, warning and error modes.

Items are mostly styled to have structure-only rules which eases applying any custom styling to match our apps.

When we need to clip an irregular shape from an image and use it on the web, PNG is the most common answer as it is the only image format used by all web browsers that support alpha channels.

However, PNG images come with a penalty of size (if the source is a photograph) compared to similar sized JPEGs.

polyClip.js is a script, built on jQuery, that allows us to clip any image with imagemap coordinates using HTML5 Canvas.

For implementation on many images, "how practical would it be to use polyClip.js" is open to discussion however, for only few images, it can be a huge byte-saver.

And, it is supported in most browsers including IE7 (with Excanvas).

In order to save space and display the content only when requested, expanding/collapsing panels are used widely.

Using jQuery, such a functionality is very easy to implement with methods like toggle, show, hide and several others.

jQuery-Collapse is an ultra-lightweight (<1kb minified) plugin built specifically for this case with added features.

It allows us to define the HTML elements to be hidden and displayed when needed with a simple function that has callbacks for integrating custom events.

There is also cookie support which remembers the state of the content panels and displays them accordingly when the page is re-visited.

The plugin is also designed with WAI-ARIA in mind that helps the web pages being more accessible to people with disabilities.

And, it is also cross-browser, completely tested in major browsers (including IE6).

You'll remember the 2 previously shared and popular resources for quickly developing websites: Twitter Bootstrap and Foundation.

Here is a powerful alternative named HTML KickStart which is a HTML5, CSS and jQuery-powered toolkit for easily creating any type of layouts with web elements in-rhythm.

It has styles for grids, typography, forms, buttons, tables or lists and cross-browser eb elements like a JavaScript gallery, lightbox, breadcrumb navigation, menus with sub-menus and more.

HTML KickStart is focused on providing a clean, standards-compliant and cross-browser mark-up (for HTML,CSS and JS).

The project is documented in detail, has examples for all elements and it is improved regularly.

TextExt is a feature-rich jQuery plugin for improving the functionality of text input fields.

The plugin is modular, can be extended easily and has features like tag inputs, filtering, auto-complete, placeholder text and Ajax (which are all plugins of TextExt).

It can also display a custom arrow besides select fields, show the items in them as suggestions-while-typing and more.

TextExt is very well-documented, regularly improved and has too many examples to start with.

jQuery Rewritten, Ground-Up, for Mobile HTML5 on iOS and Android devices.

This is how jQ.Mobi defines itself and gives a good insight on what it is.

It is a fresh and open source JavaScript framework -developed by appMobi- that focuses on providing a great experience on both of the dominant mobile operating systems with a tiny footprint and code efficiency.

Compared to jQuery Mobile (24kb), it is much smaller in size with only 3.5kb (both minified and gzipped) and covers most features with the same syntax.

When it comes to speed, jQ.Mobi is impressive there as well and mentioned to be 3x faster on Android and 2.2x faster on iOS.

The framework also has a UI library (again smaller in size) and includes plugins for mobile interactions and interfaces

syze is a standalone and tiny (<1kb) JavaScript-library for targeting web page designs by device or browser size very easily to build responsive websites.

The library allows us to define any number of breakpoints (as widths) with a single function and sets the class of <body> automatically on "window resize" or "change in orientation".

There are functions provided for collecting device + browser sizes and setting a custom debounce rate for making sure that no serious CPU load is created for the user's computer when syze is active.

syze also has a callback fired afte each event which is great for adding custom events to the mix.

FeedEk is a jQuery plugin for parsing and displaying RSS and Atom feeds.

The plugin is so easy to use and can grab the feed items from any domain with a few lines of code.

Just mention the feed URL, how many items to be displayed, description and publish date to be shown or not and that's all.

Loading screens are a part of almost any application (softwares, games, etc.) since forever.

We also see them in HTML5 apps informing us that the resources to be used for the application is being downloaded and the status of the overall progress.

PxLoader is a JavaScript library, that is built for the popular Cut The Rope game's HTML5 version, for downloading images, sound files or any other resource before any defined action (like activating the whole app).

It enables us to monitor download status with the help of progress + completed events and also lets us to prioritize the order in which items are downloaded.

Such features make PxLoader not only a library to manage the download of resources but also a good fit for creating visual preloaders for HTML5 apps.