Archive : Ajax & Javascript

xcolor is a jQuery plugin which helps you when you want to manipulate different colors. The plugin can parse and covert colors between different formats with methods like getRGB(), getHSV() or getHEX(). Another great feature that this plugin offers is extracting or combining color ( for example red + blue = purple ). The plugin can also generate complementary color ( lighten / darken them ), find analogous / monochromatic color of an item and much more. The plugin comes with other functions where the most interesting one is -> isReadable which performs a readability test for a text on a given background. The project and plugin can be found here

Moovie is an HTML 5 mootools based movie player. It includes all features that a player must have like : play, stop, a volume control which mimics the Youtube’s control and progress bar. Here are some of the features that this player currently supports : All styling is done through external CSS. See the DOM section to see the generated DOM structure. If you want to exclude certain elements from the interface, simply display: none; them in your style sheet. Standard interface features: Play, pause, stop Advanced volume control, mimicking that of YouTube’s player. One deviation: un-muting while volume is truly at 0, sets the volume to .5 (seems sane) instead of simply not doing anything. Progress: seeking, current time, total duration. Additional interface features: Play button on initial load; Buffering message when buffering (has issues); Replay button on video end if looping is off and there is no playlist provided; Cursor-tracking stream time indicator on progress bar....

Analogue is a small but powerful open source chat application. It can be used for chatting between everybody by simply creating a room and giving the link to the person you want to invite. Analogue is build under jQuery with couchdb and using the lithium framework with the touch of a few other scripts. Also, the script comes with an installation pack, but if you not prefer to download and using on your local server, you can always use the online Analogue version.

In this tutorial we are going to show you how to create a fresh image gallery. The tutorial was shared on tympanus.net and it presents the full process on how to crate this Beautiful Photo Stack Gallery. The gallery is made using jQuery and CSS3 properties that makes the rotated effect on the images. It also uses the webkit-box-reflect property in order to mirror the boxes in the album view. The gallery it’s also using a little bit of PHP ( calls all the pictures from an album ). The gallery provides us with some demos and a download link.

jQuery.validity is an powerful and elegant jQuery plug-in you can use to setup a client-side form validation. Instead of writing your own code manually, validity allows you to design client-side validation in a manner that feels natural and straightforward. The plugin is easy to setup and learn and it’s totally appropriate in simple validation scenarios. jQuery.validity takes advantage of jQuery’s selector engine to perform validation on logical groupings of inputs, making it declarative and clean. This translates to : even if a page is added, removed or changed the validation will work without reconfiguration. The plugin is designed to give you a total control over how validation appear, so you can fully customize the way validation errors are displayed. Here are some goals that validity has reached. Easy Setup: Validity employs the principle of Convention Over Configuration to keep code manageable and semantic. Very little work is required to put Validity on your page. Unobtrusive...

jme is an HTML5 audio / video development kit with Flash and VLC Fallback, which focuses on flexibility, intuitive DOM-API and semantic code. It’s very easy to use because you just have to call a function. The controls are also on every level ( you can play-pause-mute, get the duration, etc ). The player is CSS stylable and it supports various formats including : ogg, mp4 / mov, WebM, flv, YouTube videos and more.. Download / Demos / Info

pGraph is a Object-Oriented Graph creating library for PHP >= 5.1. The library is completely written in PHP and ready to be used in any PHP scripts (both CGI/APXS/CLI versions of PHP are supported). pGraph comes with multiple features and some of the charts even have the option to be created in 3D. All of the charts are web-friendly (usually 2-3 KB). Here is the full list of features : Web-friendly, average image size for a 300*200 image is around 2K and images are seldomly bigger than 4-5K Automatic generation of client side image maps to make it possible to generate drill-down graphs. Advanced interpolation with cubic splines to get smooth curves from just a few data points. Supports several plot types,spider-plots, pie-charts (both 2d and 3d) , scatter-plots, line-plots, filled line-plots, accumulated line-plots, bar plots, accumulated bar plots, grouped bar plots, error plots, line error plots, box plots, stock plots Support for alpha blending Has over 200+ built in Country flags Supports...

Dragdealer is an drag-based Javascript component that enables you to create unlimited front-end solutions for every site out there. The script it’s a standalone one that works also on touch-screen mobiles. All of this has been packed in a 12KB ( unminified ) javascript file. The script provides some options like : working horizontally or vertically defining the initial positions of the slider (x/y) setting the number of steps for the slider snapping to the steps and much more.

1) AJAX-ZOOM is a powerful image zoom & pan gallery plugin based on jQuery (JavaScript) and PHP. It is a completely packaged low cost solution1 to present high resolution images on the web. With over 250 options AJAX-ZOOM is very flexible and can be seamlessly integrated into any website – branding free! AJAX-ZOOM also doesn’t require any browser plugins such as Flash, Java or Silverlight. It’s all cross-browser javascript and PHP. Info / Download / Demo 2) jQDock The Dock – as anyone familiar with a Mac will know – is a set of iconic images that expand when rolled over with the cursor, and usually perform some action when clicked. This plugin mimics that behaviour by transforming a contiguous set of HTML images into an expanding Dock, vertical or horizontal, with or without labels. Info / Download / Demo 3) Image bubbles efect Image Bubbles is a cool Flash-like effect that causes an image to bubble up and expand whenever the mouse rolls over it from...

Compass DataGrid is an jQuery ajax-driven data grid that relies on server-site code for it’s data. It simply takes an ordinary empty table and sends requests to a server-side script via Ajax. The beautiful scripts provides JSON encoded data for the plugin to update the table. It simply takes an empty table and sends requests to a server-side script via Ajax. The script provides JSON encoded data for the plugin to update the table. The compass datagrid script will work on any server-side programming language. Info / Download / Demo