background preloader


Facebook Twitter


Grid. Firebug. jQuery Translation Plugin Uses Google Translate API. Fancy lightbox alternative. jQuery.SerialScroll. jQuery plugin - Easy Image or Content Slider. Click here for the new version of this plugin.

jQuery plugin - Easy Image or Content Slider

Plunging into the sea of jQuery plugins – Part I. A step by step example of creating a jQuery plugin and close examination of jQuery UI interaction plugins.

Plunging into the sea of jQuery plugins – Part I

Introduction The indisputable quick rise of jQuery among a large school of JavaScript libraries relies on a few factors: A light-weight core library, its ability to “write less, do more”; Strong community support; Sizable and fast-growing repertoire of plug-ins. jQuery.SerialScroll. Notice I've pretty much stopped updating this blog, but the plugin development is still on-going.


You can find the link to the Github project page at the bottom of the article. Introduction This plugin allows you to easily animate any series of elements, by sequentially scrolling them. CrossSlide - A jQuery plugin to create pan and cross-fade animations. CrossSlide is a jQuery plugin implementing in 2kB 1 of Javascript code some common slide-show animations, traditionally only available via Adobe Flash™ or other proprietary plugins. CrossSlide builds upon jQuery's animation facility, so it is as portable across browsers as jQuery itself (that is, a lot!) Internally CrossSlide does not rely on lookup tables, building instead a "chain" of functions.

Each function starts a linear phase of the animation through jQuery, setting the next function in the chain as a complete callback. After all the functions are prepared and the animation is started, no other calculations are made. This setup reduces runtime overhead to the absolute minimum, making CrossSlide the most optimized implementation of these effects. jQuery.LocalScroll. Notice I've pretty much stopped updating this blog, but the plugin development is still on-going.


You can find the link to the Github project page at the bottom of the article. 37 Phenomenal jQuery Plugins and Demos for Developers : Speckyboy Design Magazine. In this post we have collected 37 jQuery plugins for use in your next web project.

37 Phenomenal jQuery Plugins and Demos for Developers : Speckyboy Design Magazine

Slide-In Contact Form Description : When the user clicks on the Contact link at the top of the page, the contact form will slide down. When the user submits the form they will get a message that their message has been sent successfully and within two seconds, the entire form will slide up to its original position. Ganesh » Blog Archive » LavaLamp for jQuery lovers!

Hover above and feel for yourself, the nifty effect of Lava Lamp. What you just experienced is nothing but the LavaLamp menu packaged as a plugin for the amazing jQuery javascript library. I personally believe that the effect rivals that of flash – Don’t you? Especially considering the fact that it is extremely light weight. Just so you know, it weighs just 700 bytes(minified)! Often I have noticed, that the credits are usually granted towards the end. As User Interface developers, we know that one of the first widgets our visitors use is a “Menu”.

Gradient jQuery plugin. jQuery Plugins - Best for Web Designers. Hello guys, Here posting some great collection of jQuery Plugins which are very useful for Web designers and Web Developers.

jQuery Plugins - Best for Web Designers

Agile Carousel: JQuery Carousel Plugin Jquery plugin that 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! Ajax Tooltip script This Ajax script enhances the default “title” attribute of HTML so certain tooltips can instead get their contents from an external file, with rich HTML content and all.

Background canvas drawing plugin for round corners, gradients and tabs. Jgrowl. Switch stylesheets with jQuery. Update: I’ve released an updated version of this code which is more flexible.

Switch stylesheets with jQuery

Please check it out. I’ve just discovered jQuery which is an awesome JavaScript library. From the horse’s mouth: jQuery is a Javascript library that takes this motto to heart: Writing Javascript code should be fun. jQuery acheives this goal by taking common, repetitive, tasks, stripping out all the unnecessary markup, and leaving them short, smart and understandable. As an example of how succinct and easy code written with jQuery can be I put together a little example that allows you to add a stylesheet switcher to your site. The stylesheet switcher allows your visitors to choose which stylesheet they would like to view your site with. The JavaScript code that powers the example looks like this: /** * Styleswitch stylesheet switcher built on jQuery * Under an Attribution, Share Alike License * By Kelvin Luck ( ) **/ 22 Firefox 3 Plugins Web Designers Can’t Live Without. Mozilla Firefox has always been considered a “user-friendly” browser, but with all the customizable extensions, it has become probably the most “developer-friendly” browser as well.

22 Firefox 3 Plugins Web Designers Can’t Live Without

We have collected the best FFX dev scripts available, and installing them takes just a few clicks. And don’t forget; make sure you have downloaded and installed Firefox 3.0 as well! Web Developer 1.1.6 The Web Developer extension adds a menu and a toolbar to the browser with various web developer tools. It is designed for Firefox, Flock and Seamonkey, and will run on any platform that these browsers support including Windows, Mac OS X and Linux.

Inquisitor search plugin now available for Firefox - Download Squad. Safari users have been enjoying the search-as-you-type extension Inquisitor for a long time, and now Firefox users can, too. Although it was originally developed independently for Safari by David Watanabe (creator of apps like Acquistion and Newsfire), it was acquired by Yahoo! Back in May. Apparently, that resulted in a preview of a Firefox version, which seems to work just as well as its Safari counterpart. If you like the idea of instant search results, displayed as you type, give it a try.Inquisitor for Firefox is still in preview, so you'll have to sign up or log in to download. Once installed, it goes in your list of search engines, and is enabled by default. The only drawback of the latest versions of Inquisitor, depending on how you look at it, is that they use Yahoo!

[Via Cybernetnews] Tags: extension, firefox, Inquisitor, plug-in, search, Yahoo. Clone Detective for Visual Studio - Home. jQuery Sparklines. News 15 June 2013 - Version 2.1.2 Relased This release adds support for jQuery 1.10.0 and other bug fixes and minor improvements.

jQuery Sparklines

See the full changelog for details of all changes. Animated Collapsible DIV v2.01. July 3rd 09': Updated to v2.4, which supports a new set of "rel" and data-image" attributes you can insert into arbitrary links to quickly create link or image link togglers.

Animated Collapsible DIV v2.01

Description: This script collapses any DIV on the page and lets users manually toggle its appearance via a smooth "Web 2.0 style" animation. It's a popular effect on many social networking/ comment sites. Three distinguishing features of this script are: Ability for the script to work on both DIVs that have an explicit CSS height attribute defined, and without. Ability to "group" multiple collapsible content instances to act as a single unit, so opening one closes the others.

Have fun sliding content up and down! Blog Archive » 240 plugins jquery. Computer and Technoloy News. 37 More Shocking jQuery Plugins. Apr 09 2008 It’s really amazing to see what one can create using jQuery. Developers just don’t stop making incredibly interactive web applications every now and then. This post just demonstrates excellent examples of some of the best jQuery plugins out there. You can also take a look at the other jQuery Plugins in this series : So let’s get started and don’t forget to subscribe to our RSS-Feed to keep track on our next post.