Archive for 2011

    Textualizer a jQuery text animation plugin

    Textualizer a jQuery text animation plugin

    Textualizer is a jQuery plugin that allows you to transition through blurbs of text.Textualizer currently has the following effects: fadeIn, slideLeft, slideTop, and random. You can choose which effect to use by setting the effect option.

    Zebra Datepicker a lightweight jQuery date picker plugin

    jQuery date picker plugin

    Zebra Datepicker is a small, compact and highly configurable date picker plugin for jQuery and it is built using the fabulous jQuery Plugin Boilerplate. It is cross-browser – works in every major browser; also, it works in Internet Explorer 6 (where it uses an iFrameShim so that it stays above select controls).Offers an intuitive mechanism for disabling dates and date ranges through a syntax similar to cron syntax..

    Poshy Tip jQuery Plugin

    Poshy Tip jQuery Plugin

    Poshy Tip supports using a function for returning the tooltip content and the script also passes an update callback function as an argument to this function. By using this callback, you can easily update asynchronously the content of the tooltip after it has been displayed. The script also recalculates and updates the position of the tooltip when its content is updated.

    Item Blur Effect with CSS3 and jQuery

    jQuery css3 Blur Effect

    Today we want to show you how to create a simple blur effect for text-based items. The idea is to have a set of text boxes that will get blurred and scaled down once we hover over them. The item in focus will scale up. This will create some kind of “focus” effect that drwas the attention to the currently hovered item.

    We’ll be using CSS3 transitions and some jQuery to apply the respective classes. Since CSS3 transitions are not supported in order browsers, the demo should be best viewed in Safari or Chrome (here we got the smoothest transitions).

    Phono a jQuery Plugin turns any web browser into a Phone

    Phono a jQuery Plugin turns any web browser into a Phone

    Phono is a simple jQuery plugin and JavaScript library that turns any web browser into a phone; capable of making phone calls and sending instant messages. You can even connect to SIP clients; all with a simple unified API.

    jQuery ScrollToFixed

    jQuery ScrollToFixed

    This plugin is used to fix elements on the page (top, bottom, anywhere); however, it still allows the element to continue to move left or right with the horizontal scroll.

    Given an option marginTop, the element will stop moving vertically upward once the vertical scroll has reached the target position; but, the element will still move horizontally as the page is scrolled left or right. Once the page has been scrolled back down past the target position, the element will be restored to its original position on the page.

    NyroModal a jQuery Modal window

    NyroModal a jQuery Modal window

    Designers seem to like using modal windows more and more, as they provide a quick way to show data without reloading the entire page. It’s easy to use and easy to design.The big problem I experienced with every plugin I tried either using Prototype/Scriptaculous or jQuery is the customization. They say you can do whatever you want simply but that’s not fully true. The default CSS works fine, but most of time it’s a mix between required elements and optional. That mean you have to be very careful when editing it.The other problem is the animation. That’s the worst point. I never found one plugin allowing to redefine easily the animations.

    I tried to solve these problems with my plugin. I documented everything possible. Regarding the animations, you can simply redefine them from A to Z. Thanks to the useful jQuery function like animate or fadeTo it’s pretty simple.
    nyroModal v2 now works with filters that let you define totally new possibilities for the plugin about the way it should work.

    DD_roundies a jQuery plugin for Rounded Corners in Internet Explorer

    jQuery plugin for Rounded Corners in Internet Explorer

    DD_roundies is a javascript library authored by Drew Diller which offers a new approach to bringing rounded corners to Internet Explorer (a browser notorious for its CSS shortcomings). DD_roundies uses IE’s proprietary VML drawing language to create small images representing each corner of an element to be rounded. The script is smart enough to figure out quite a lot about its environment, such as element dimensions, border appearance and even background image and color, and uses all of this information to draw and position each VML image to appear seamlessly integrated in an interface.

    QuickFlip 2: The jQuery Flipping Plugin

    QuickFlip 2: The jQuery Flipping Plugin

    QuickFlip works by using an animation shortcut that is barely noticeable when flipped quickly (hence the name). This shortcut improves performance while allowing the flip effect to work smoothly with any piece of markup regardless of images, backgrounds or CSS.

    It provides an attractive alternative to other slower and more resource heavy Flash and jQuery flip animations. However if you want a smoother option with a depth effect try jQuery Flip!, although this only works with background colors (not images) and hides the panel content before flipping.