Multiple Ajax Requests with Jquery

Last few days I have been working with APIs for instant search results, I had an idea to implement a super instant search with multiple APIs like twitter, youtube, yahoo and bing. But jquery older versions doesn’t support multiple ajax call-backs, luckily I had found Jquery 1.5 has released a new method called $.when finally I have developed super fast search at kokkoroko.com.

Awesome Cufonized Fly-out Menu with jQuery and CSS3

In this tutorial you will learn how to create a full page cufonized menu – when hovering over the menu items we will move a hover-state item that adapts to the width of the current item, and slide out a description bar from the left side of the page.

jxSlider ajax-loaded content jQuery Plugin

jxSlider ajax-loaded content jQuery Plugin

jxSlider widget turns the selected DIV into a small embedded ajax tabbed-navigator. The ajax-loaded content will automatically and recursively be shown into the initial DIV.

Nautilus animated letters jQuery Plugin

Nautilus is a jQuery plug-in based on Google’s Doodle honoring Jules Verne (it was released on February 8, 2011). The letters of Google looked like hatches that allowed to see “under the sea”, and on the side there was a small controller to move the Nautilus.

icSelectionBox Select Box – JQuery Plugin

icSelectionBox is replace for select or select multiple html tag but much, much more. You can search inside box, populate elements with ajax(or populate directly passing array of elements in options), execute it modal(or add it to some existing jquery element), use it to select only one or more elements.

Flyout Ribbon using jQuery and CSS3

Flyout Ribbon using jQuery and CSS3

I created a Flyout Ribbon using jQuery and CSS3 that I would like to share with you today.  My original idea for this came from the desire have a web administration panel for every page on my site, so i could edit content, change menu’s, etc directly on the page I was working on.  I really wanted something unobtrusive to the flow of my page and something with a bit of sex appeal, so naturally I turned to jQuery and CSS3.  I also wanted something that I show and hide easily…

Facebook like Photo Tagging in jQuery

Facebook like Photo Tagging in jQuery

icfbPhotoTagging is jQuery plugin which provides you functions you can use to develop photo tagging aplication like facebook have. With this plugin you can view tags, edit tags(positions, sizes), add new tags, view all tags at once, etc…

Animated fullscreen background image slideshow with jQuery

Animated fullscreen background image slideshow with jQuery

With the help of some small HTML, nifty CSS and loads of jQuery, we’re able to create an animated fullscreen background image slideshow. Read the rest of this article to learn how it’s built.You can easily change the script by changing some variables. It also features image preloading and keyboard navigation (try pressing the numeric keys). The background images have a width of 2000px, just to cover most of the currently used screen resolutions.

jQuery Form Framework – jFormer

jQuery Form Framework – jFormer

jFormer is a form framework written on top of jQuery that allows you to quickly generate beautiful, standards compliant forms. Leveraging the latest techniques in web design, jFormer helps you create web forms that: validate client-side, validate server-side, and process without changing pages using AJAX.

jPhotoGrid – Zoomable jQuery Image Gallery

jPhotoGrid - Zoomable jQuery Image Gallery

Nearly all of the styling for this plugin is done in css.  The trick is to layout the grid by floating the list items.  The first thing the plugin will then do, is convert these all to absolutely positioned.