jQuery is a fast, concise, JavaScript Library that simplifies how you traverse HTML documents, handle events, perform animations, and add Ajax interactions to your web pages. You can animate hiding, showing, and toggling the display of elements easily. jQuery is designed to change the way that you write JavaScript. It is lightweight (20kb) which supports CSS 1-3 and basic Xpath syntax. If you have not tried it yet, please try it, I am sure you will be amazed.

Interface is a collection of rich interface components which utilizes the lightweight JavaScript library jQuery. With this components you can build rich client web applications and interfaces with the same simplicity as writing JavaScript with jQuery.

Requirements: Internet Explorer 6.0+, Firefox 1.5+, Safari 2.0+, Opera 9.0+
Demo: JQuery - http://jquery.com Interface - http://interface.eyecon.ro/demos
License: MIT and GPL License

• 7 Comments

Script.aculo.us provides you with easy-to-use, cross-browser user interface JavaScript libraries to make your web sites and web applications fly. You can implement different modern effects easily, for example Fade in/out, Blind in/out, Drag and drop, Slide in/out, highlight, AutoComplete and Sortable List, etc. It is one of the most popular animation framworkm which is really powerful and similar to Mootools, however the size of the package is larger than Mootools. Here is the sample code.

new Effect.Opacity(’my_element’, { duration: 2.0, transition: Effect.Transitions.linear, from: 1.0, to: 0.5 });

Requirements: Required Prototype
Demo: http://wiki.script.aculo.us/scriptaculous/show/Demos
License: MIT License

• 1 Comment

Prototype Window is a javascript class which allows you to add window in a HTML page. This class is based on Prototype. The code is inspired by the powerful script.aculo.us library. You can even use all script.aculo.us effects to show and hide windows if you include effects.js file , but it’s not mandatory. The most important point is that all modal windows are resizable, you can also minimize or maximize at it any time. And they are skinnable as well which means you can apply your own theme for the modal window so that they can match our web application’s style.

Requirements: Safari, Camino, Firefox and Internet Explorer 6+, Opera
Demo: http://prototype-window.xilinus.com/samples.html
License: MIT License

• 0 Comments

LightWindow is the most powerful modal window I have seen so far. It has so many features, you have the complete ability to style and position it. It is very easy to implement as well. Lastly, most moal window application didn’t actually test for their media types and how they behaved in other browsers and operating systems. However, LightWindow has done a great job, other than images, inline content, iframe content and ajax content, it also supports Quicktime Movie, SWF and PDF.

Requirements: Any Modern Browsers
Demo: http://stickmanlabs.com/lightwindow/#demos
License: MIT License

• 0 Comments

ThickBox is a webpage UI dialog widget written in JavaScript on top of the jQuery library. Its function is to show a single image, multiple images, inline content, iframed content, or content served through AJAX in a hybrid modal. A modal window is a child window which requires the user to interact with it before they can return to operating the parent application. Modal windows are commonly used in GUI systems to absorb user awareness and to display emergency states.

Requirements: Internet Explorer 6.0+, Firefox 1.5+, Opera 9.0+, Safari 2.0+
Demo: http://jquery.com/demo/thickbox/#examples
License: MIT, GNU License

• 0 Comments

When we are coding with javascript especially with some cool effects, e.g. Fade in/out, slide up/down, drag and drop effects, and etc… We need a javascript framework to allow us doing simple Ajax request and all these cool effects easily. MooTools lets you get the job done efficiently and effectively. It is a compact, modular, Object-Oriented javascript framework designed to make writing extensible and compatible code easier and faster. Compared to Prototype 1.5 + Scriptaculous (excluding unittest/controls) 60800k, MooTools is only 34165k.

Requirements: Safari, Internet Explorer 6.0+, Firefox, Opera and Camino
Demo: http://demos.mootools.net
License: MIT License

• 1 Comment

When we are developing web application using PHP, it is not a one day process. Sometimes, we spent few months writing PHP code. If the code we wrote were very messy, it is very hard to understand what we wrote previously. So that, we need a PHP framework to work in a structured and rapid manner.

CakePHP is a rapid development framework for PHP which uses commonly known design patterns like ActiveRecord, Association Data Mapping, Front Controller and MVC. The goal is to provide a structured framework that enables PHP users at all levels to rapidly develop robust web applications, without any loss to flexibility.

Requirements: HTTP server, PHP 4.3.2+, Database Engine
Demo: http://manual.cakephp.org/
License: MIT License

• 1 Comment

Prototype framework enables you to deal with Ajax in a very easy way. It simplifies the way of using Javascript and deals in a smart way with JavaScript code returned from a server and provides helper classes for polling. And also, it is cross-browser compatible.

The biggest part of the Prototype framework are its DOM extensions. Prototype adds many convenience methods to elements returned by the $() function: for instance, you can write $('editForm').addClassName('active').show() to get the element with the ID ‘editForm‘, add a class name to it and show it (if it was previously hidden).

This framework can save you more than 50% on coding javascript and developing an ajax driven with large amount of DOM manipulations web site. If you have not tried it, please have a look. A well-defined framework is needed for developing a professional web application.

Requirements: Any Browsers
Demo: http://www.prototypejs.org/api
License: MIT License

• 1 Comment