JAWS: News Ticker and Mini Accordion in jQuery

This widget-esque script is at once both a news ticker and a mini accordion. It takes a config file of data (headlines, image SRCs, URLs etc) and paginates your headlines into folds. It will optionally auto-rotate through these folds, though you can navigate between them with the numeric tabs at the top right. If an item has ‘more info’ data set in the config, then clicking the headline will reveal that data in an accordion fashion. See below for an example.

Youtube Instant Search with Jquery and Ajax

The instant search feature has massively changed the web in past couple of weeks. I had developed real-time Youtube instant search with Jquery and Ajax. It is very simple like my previous posts, just reading the Youtube API JSON file with Jquery. Take a look at this live demo..

Yahoo Instant Search with Jquery and Ajax

Yahoo Instant Search with Jquery and Ajax

Yahoo instant search implementing with Yahoo Search Boss API using jquery and ajax. This is very similar tomy previous post just changing few lines of code. I feel Yahoo search results better than Bing results. Use it and make your own search application.

Bing Instant Search with Jquery and Ajax

Some days back I had posted a popular article ‘Youtube instant search with Jquery and Ajax’. I received a lot of request from my readers that asked to me how to instant web search results so I had coded Bing instant search with real time search results. Just few lines of code, reading Bing search JSON API file with Jquery.

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…