Building a jQuery/PHP Powered Chat Room

    Building a jQuery/PHP Powered Chat Room

    In this tutorial we are going to build a little chat program that is really easy to get up and running on any server running PHP. No database is required – as the chat will store itself in a simple text file.

    PHP – Will handle all the server side stuff
    jQuery/JavaScript – Will handle the client side stuff. This is an AJAX-y application, meaning that messages pop onto the screen (both yours and others) without needing any page refresh.
    Text File – Stores the chat

    jQuery True Parallax

    jQuery True Parallax

    jQuery Parallax has a following features.

    Features:

    • Layered system. Supports as many layers as you need.
    • Supports easing.
    • Adjustable mouse sensitivities in both directions.
    • Supports inverted parallax and custom focus point.
    • Chains/stack of actions support.
    • External control and PLAYBACK support.
    • Parallax cross-linking support.
    • Supports any html code placed in layers.
    • Requires no knowledge to use.
    • Cross browser compatibility.

    jQuery.countdown : Final Countdown plugin for jQuery

    jQuery.countdown : Final Countdown plugin for jQuery

    The Final Countdown is plugin that let’s you in control where and how you will display the countdown, this mean that the plugin doesn’t make any assumption on how the html will be displayed and it’s up to you to do it, with the help of our beloved jQuery selectors.This script it’s wrapper on an interval that calculates the time left, and execute a callback function every time something changes (this means every second).

    jQuery Price Format Plugin

    jQuery Price Format Plugin

    jQuery Price Format is a plugin to format input text fields as prices. For example, if you type 123456, the plugin updates it to US$ 1,234.56. It is costumizable, so you can use other prefixes and separators (for example, use it to get R$ 1.234,55).

    Fireworks.js : Javascript Animation Experiment

    Fireworks.js : Javascript Animation Experiment

    Fireworks.js is a bit of Javascript that creates starburst-type explosions in a web document; in short, it’s a fireworks effect someone could theoretically use on their site. And come on, who doesn’t want something like that? As far as appropriateness is concerned, this effect could be compared to the dripping-blood-line, skull and fireball animated .GIF images so popular on the web in 1997. Exploding firework animations are hot, the new black, the script equivalent of the blink tag. Mmm, blink tag.

    domsearch.js : jQuery plugin for searching the DOM

    domsearch.js : jQuery plugin for searching the DOM

    A jQuery plugin for searching the DOM.It lets you search within an element (e.g.: a table or a list), narrowing down the inner elements using LiquidMetal, which is way better than whatever else you could come up with.

    Sliding Image Gallery jQuery Plugin

    Sliding Image Gallery jQuery Plugin

    The idea behind this plug-in is to display a varying number of images in an attractive and easy to use manner. The inspiration for this plug-in this iTunes album viewer. The SlidingGallery plug-in will take a group of images and turn them into a cyclical gallery of images which the user can click through. One image will be centered on the screen, with two smaller images off to the sides. The user can click either of the smaller images to bring them to the center, or the center image to enlarge it. For optimal use, this plug-in should be applied to seven or more images, but can work with fewer (images will be duplicated in order to bring the total to seven).

    MagicNav.js : jQuery Plugin for generating Nav Links

    MagicNav.js : jQuery Plugin for generating Nav Links

    The jQuery Plugin for generating nav links from page elements. For example, generate links to all the articles on a page by linking to the article’s h1’s, and put them in a nav element on the page with an id of article-nav. (By default, the links will use the same text as the h1).

    jQuery CoreUISelect : Easy to Stylize Select Element

    jQuery CoreUISelect : Easy to Stylize Select Element

    jQuery coreUISelect is a cross browser easy to stylize select element with jQuery and CSS. Requires jQuery 1.6 or higher

    Features:

    • Full customization
    • Automatic calculations
    • Optiongroup support
    • Keyboard support
    • Powerful callback functions
    • Compatible with mobile devices
    • Support jScrollPane plugin for customize default scrollbar

    Happy.js : Lightweight, extensible form validation jQuery plugin

    Happy.js : Lightweight, extensible form validation jQuery plugin

    Happy.js plugin is lightweight and supports few input validations by default (required, date, number, e-mail, min/max and phone number). But it can be extended so easily by adding few lines and the regex for the rule you want.