Glisse.js is a simple, responsive and fully customizable jQuery photo viewer. You’ll like the transitions between two pictures entirely assumed by CSS3.This plugin uses a lot of new CSS3 features like keyframes. It’s definitely not a good idea to uses it on a general public website for the time.
We found ton of new style search form crafted beautifully using CSS3 and JavaScript. Apple’s for example, widen the input field when it receive focus from user. The question is “how far we can go for styling search form?”, in this tutorial we are going to move search form to the next level using jQuery & CSS3.
noty is a jQuery plugin for creating user-friendly, “JavaScript-alert alternative” notifications very easily.It has built-in support for alert, success, error and confirmation messages and they can either be displayed as HTML elements that fade in/out or as modal boxes.
The notifications can be displayed on any part of a web page (top, bottom, center, top left or top right) and many options exist for customization (speed of open/close animations, display duration, being closeable or not and more)
jQuery PageSlide was inspired by the UI work of Aza Raskin. In his recent posts regarding concepts for Firefox Mobile and a mouse-based Ubiquity, Aza introduced the idea of sliding (or “throwing”) content aside to reveal a secondary content pane.his plugin allows any developer to recreate a similar interaction on their own website using a few simple lines of Javascript. By attaching the method to an anchor tag, PageSlide adds the ability to move your page and display a secondary interaction pane. The slide is animated whenever the click event is invoked.
This plugin allows you to create a web page with multiple fixed panels that unroll with an amusing effect. Exactly like a curtain rises.
To navigate, you can use your keyboard instead the scrollbar or your mousewheel to navigate into the document. But that’s not all, there is more features! You can easily add a fixed element or multiple “steps” element into a pannel.
I’ve been working with the Magento eCommerce solution a lot lately and I’ve taken a liking to a technique they use with the top bar within their administrative control panel. When the user scrolls below a specified threshold, the top bar becomes attached to the top of the window and the opacity set to 50%. I’ve implemented this technique in my current design and have gotten numerous requests for a tutorial so…here you go!
Aristo is the respective open source themes of SproutCore and Cappuccino, applied to their parent JavaScript libraries. You can see a great comparison of the two in this article by Allen Pike. This UI libraries duplicate the functionality of jQuery UI slightly, but look simply amazing doing so. I had already started mocking and building my own jQuery UI theme when I re-discovered the Aristo PSD. I decided to abandon my work and port the “Aristo” theme for Cappuccino over to jQuery UI.
This 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.
