Archive for 2012

    stickySectionHeaders : jQuery Makes headers for sections in lists sticky

    stickySectionHeaders : jQuery Makes headers for sections in lists sticky

    jQuery.stickysectionheaders takes a nested list and enables section headings as known from iOS table views. When scrolling down, always the current section heading “sticks” to the top of the list until the next heading “pushes” it out of the viewport.

    alertify.js : JavaScript Alert/Notification System

    alertify.js : JavaScript Alert/Notification System

    Alertify is an unobtrusive customizable JavaScript notification system.

    Features:

    • Fully customizable alert, confirm and prompt dialogs
    • Fully customizable unobtrusive notification system
    • Callback parameter handling both OK and Cancel button clicks
    • Chaining which allows queued dialogs

    jQuery Starbox clone Plugin

    jQuery Starbox clone Plugin

    This is an implementation of rating stars on top of jQuery. It follows the philosophy of the Prototype/Scriptaculous Starbox plugin but is not quite as sophisticated. It does not currently work well on IE 6!

    But there are some great things about it: it is quite small, does not produce massive amounts of inline styles and is mostly compatible with existing css for the Prototype Starbox.

    Dropbox File Uploader With Twitter Bootstrap

    Dropbox File Uploader With Twitter Bootstrap

    A few weeks ago, Dropbox introduced a neat new feature – the Dropbox Chooser. By embedding it into your website, you give users a button with which they can attach files from their online storage.

    Today we are going to use this feature to create a simple application that allows people to attach a photo from their Dropbox account, crop an area with the Jcrop plugin, and download the result. Additionally, we will make use of Twitter Bootstrap to show dialog windows, and PHP on the backend for the actual photo cropping.

    Simple Effects for Drop-Down Lists with jQuery

    Simple Effects for Drop-Down Lists with jQuery

    Today we want to share some simple drop-down list effects with you. The idea is to transform a normal select input into something more appealing with a jQuery plugin. The expanding of the options will happen with a transition and parameters can be configured in a way to achieve unique effects.

    After the great custom drop-down list styles made by Hugo in his tutorial Custom Drop-Down List Styling, we wanted to make it simple to create a custom structure from a normal select input (without multiple option selection). So, we’ve come up with this little plugin that will allow some custom styling of the drop-down list. With the generated structure it is easy to apply some simple effects in order to spice it up.

    Calendario: A Flexible jQuery Calendar Plugin

    Calendario: A Flexible jQuery Calendar Plugin

    Today we want to share a flexible calendar concept with you. Calendars can be a very tricky thing when it comes to their layout and responsiveness. This is an experiment for trying out some grid layouts that can be applied to calendars. We’ve created a jQuery plugin for the calendar itself and you can see some examples of how to use it in the demos. The aim is to provide a suitable layout for both, small and big screens and keeping the calendar structure fluid when possible. On large screens we want to show a grid-based layout while on smaller screens, we want to simply stack the days of the month.

    Create high quality cinemagraphs with CSS3 and jQuery

    Create high quality cinemagraphs with CSS3 and jQuery

    Create high quality cinemagraphs that offer a richer range of colours and a larger set of dimensions than the usual animated GIF options, by using JPEG sprites with CSS3 and jQuery.

    In this tutorial we’ll show you how to create a full screen-capable cinemagraph using a different technique. Instead of rendering our animation using GIF, we’ll create a sprite using JPG as the format, allowing us to scale up our artwork to practically any size, and render a full spectrum of colour. You’ll learn how to break video into individual frames, arrange the frames into a single sprite that loads efficiently in the browser, and use CSS3 (with jQuery as a backup) to flip between the frames, creating a rich, high-quality cinemagraph.

    Starter : Jumpstart Your jQuery Plugin Development

    Starter : Jumpstart Your jQuery Plugin Development

    If you are interested to make your own jQuery plugin then this link is for you.Jumpstart your own jQuery plugin develpment.