Tweet! jQuery Twitter Widget for your site

Tweet! put twitter on your website with tweet!, an unobtrusive javascript plugin for jquery.Following Features :

• small size and fast download time


• display up to 100 tweets, as permitted by the twitter search api


• display tweets from a twitter search, or from your own feed


• optionally display tweets from multiple accounts!


• display tweets from a list, or display a user's favorites


• automatic linking of @replies to users’ twitter page


• uses Twitter's Search API, so you can display any tweets you like


• Display up to 100 tweets that have been posted within 7 days (limit set by Twitter's Search API)


• automatic linking of #hashtags, to a twitter search of all your tags


• converts <3 to a css styleable ♥ (we ♥ hearts)


• customize the layout for tweets within the widget


• define a custom sort order for tweets

Read More

SimplyScroll a jQuery plugin for scrolling a set of images/elements

simplyScroll is a jQuery plugin that can animate (scroll) a set of elements either automatically or manually, horizontally or vertically. It can also accept dynamic image input via a Flickr feed (note not full API integration) or a local JSON source. This plugin can be performance intensive, so speed and framerate are fully configureable to accomodate lower spec systems.

Read More

JSON Driven Zoomable Drill Down Bar Chart: DDChart

DDChart is a JSON data driven bar chart plugin that creates a classy bar chart with flash like animation effects.

Its a small yet useful bar chart jQuery plugin that is packed with nice features including:

• Zoom-in / zoom-out effect on bar charts during drilling up / down with flashy animations


• Bars, legends, and fonts expand and contract to fit their container


• On load chart recalculations to fit all containers


• Automatic drill up breadcumb creation

Read More

How to build a web widget using jQuery

I created some web widgets for the London’s Design Museum and learned a few useful things in the process. Although all the necessary information can be found on the web, I couldn’t find a really comprehensive guide about doing this with jQuery so I decided to write this one. I’ll cover only techniques which are specific to web widgets so you should already be familiar with JavaScript, jQuery and web development if you want to follow easily.

The interesting points will be:

• ensure the widget’s code doesn’t accidentally mess up with the rest of the page,


• dynamically load external CSS and JavaScript files,


• bypass browsers’ single-origin policy using JSONP.

Read More

Carbon Fiber Signup Form With PHP, jQuery and CSS3

A carbon fiber – style form, build using progressive enhancement. This means that we first ensure that the form works well without JavaScript and fancy CSS support (think of IE6 here) and later move on by layering over cool styling, AJAX and jQuery magic.

Read More

Exposure - jQuery image gallery plugin

Exposure is an image viewing plugin for the jQuery JavaScript library. It includes a thumbnail list with paging, shows captions, and has also incorporates full screen modal slideshow. It uses some of the core functionality of Exposure, like keyboard and click through navigation, and also includes a nice and smooth custom cross-fade transition effect.

Read More

jQuery Tokeninput - Select multiple items from a predefined list

Tokeninput is a jQuery plugin which allows your users to select multiple items from a predefined list, using autocompletion as they type to find each item.
Its functionality is similar to the text entry when filling in the recipients fieldwhen sending messages on facebook.

Read More

Adding Weather to Your Site with jQuery and YQL

If you're working on a travel, news or other locally-oriented site, adding a display of the current weather conditions in the local area is the perfect touch. In the past, this was a relatively difficult task, involving server-side integration with weather APIs and more. Today, however, jQuery and YQL (a free web service offered by Yahoo) can be used to easily add a customized weather display to your site. In this article I'll guide you through the process from start to finish.

Read More

jQuery quickie: Unlimited Scroll using the Twitter API

I'm currently working with Silverlight and implemented unlimited scroll. This is a great technique that could be used on loads of websites. Instead of the regular pagination, where the user has to click to see the next page, unlimited scroll automatically loads the next page when the user is at the bottom.

I wanted to take this technique and port it to another jQuery example. So the quickie for today is Unlimited scroll using jQuery. I've using the Twitter API to make the example, so you'll learn a little bit about JSON too...

Read More

jqPlot - jQuery plotting and charting plugin

jqPlot is a plotting and charting plugin for the jQuery Javascript framework. jqPlot produces beautiful line, bar and pie charts with many features.

Read More

Pulling Your Flickr Feed with jQuery

Feeds are the easiest way to view updated content, whether it's through a feed reader or outputted onto a web site. There are many different types of feeds, such as RSS or Atom, and many different ways display them on your site, such as using MagpieRSS to parse an RSS feed in PHP. However, you can also display feeds on your site using JavaScript, so in this post I'm going to be talking about a feed format called JSON and how you can use JavaScript to parse it out and display it.....

Read More

Chained AJAX Selects in jQuery

In today’s tutorial, we will build a set of chained select elements. Selecting an option in one of them will trigger an update on the page, showing you more choices to refine your selection. We will describe the options server side with PHP, so it is easy for you to hook today’s example to a database.

Read More

BIGrid a Fixed Rows & Fixed Columns table in jQuery

BI Grid is designed to present your data, especially in the reports for enterprises.The idea comes from the BI system I produced months ago. It would be able to edit data easily, drill down to details easily and ajax enabled. Other good features will be supported in the future.

Features to be supported:

• It has two modes: View & Edit. The edit mode enable users to edit the data in the grid through Ajax.


• Init data by using Ajax.


• Drill down to details by using Ajax.


• Support JSON & XML data types.


• Support Multi-skins.

Read More

JQuery Gantt Chart

jQuery Gantt Chart is a simple chart that implements gantt functionality as a jQuery component.

It's able to:

• Read json data


• Paging results


• Display different colours for each task


• Display short description as hints


• Mark holidays

Read More

jQuery charToTable plugin

I was playing with jQuery and tables yesterday, and got a weird idea: what about converting characters to tables using jQuery?

The idea evolved and I started to write a new jQuery plugin, charToTable.

I really don't know if someone will find it useful, but it actually works fine.
It uses some PHP + GD to convert a character to an image, and then to a JSON object containing the glyph matrix.

Read More

jQuery quickSearch

Amazing fast jQuery search with Ajax and jSON

Read More

FlexBox - jQuery Ajax based Textbox & Selectbox

FlexBox is a jQuery plugin that is intended to be a very flexible replacement for html textboxes and dropdowns, using ajax to retrieve and bind JSON data.

Read More

SFBrowser File Manager With PHP & jQuery

SFBrowser is an open source application, built with PHP and jQuery, formanaging files online with an Ajaxed interface.

Besides listing files and folders, it can upload, delete, rename and preview them. Uploading can be accomplished via an Ajaxed or Flash-based uploader (queued multiple uploads, progress bar, canceling, selection filtering, size filtering).

The functionality can be extended with plugins. There are few ready-to-use ones like filetree and image-resize.

Read More

jQuery Randomly Rotating Image Gallery – Mosaiqy

Mosaiqy is a jQuery plugin for presenting images in a Mosaic-like grid interface.The images are displayed inside randomly moving columns and rows where CSS3 transitions are used for the animations.Once a thumbnail is clicked, the original version is loaded inside the grid with a nice slideIn/Out effect.

It retrieves images from a JSON/JSONP data source which makes integrating with image hosting services pretty easy and there are already demos for Flickr, Instagram and Panoramio.

Read More

jQuery Cool Auto Suggest

This plugin is the enhancement of my previous jquery auto-suggest plugin.

Some new features it has are:

• Support ID field.


• Support image thumbnail and description


• Support form submission on click.

Read More