Best Javascript Image Galleries!!!!

Best Javascript Image Galleries!!!!

There are a large number of Flash image galleries but sometimes Flash is not equired or cant be used so we turn to Javascript and CSS. Here is a roundup of some of the better Javascript and Ajax based solutions to our gallery requirements …

Modified Hoverbox Image Gallery - This following is a modified version of Nathan’s incredible Hoverbox Image Gallery. This version uses a single image for thumbnail/larger view and partially supports :active and :focus states for keyboard only users


FrogJS Javascript Gallery - FrogJS is a simple, unobtrusive javascript gallery. It’s not a replacement for other thumbnail galleries like Lightbox JS, but a different way of showcasing galleries
slideViewer - slideViewer is a lightweight (1.5Kb) jQuery plugin wich allows to instantly create an image gallery by writing just few lines of HTML such as an unordered list of images

(E)2 Photo Gallery Made With Mootools - (E)2 Photo Gallery is a open source gallery built with Mootools Javascript Library the compact, modular, Object-Oriented javascript framework. Designed to allow you to upload your photos to a desired folder, tell the (E)2 Photo Gallery what folder to look at and it will automatically load the images using PHP

jqGalViewIII - Here we have yet another photo / image gallery, except at this point it is only a proof of concept. I see a ton of photo galleries in Flash and see a lot of effects that just can’t be done in JavaScript, but a ton of effects that can be achieved

Zenphoto - Zenphoto is an answer to lots of calls for an online gallery solution that just makes sense

Imago - Imago is a small, simple and easy to use Ajax Image Gallery. Its plain JavaScript (using mootools) and uses no server side scripting

Hope you find these links useful.

Drag and Drop with Symfony Project. Coool Video Tutorial!!!!

Adding items to a shopping cart in common e-commerce applications isn't very close to the actual "add to cart" metaphor, since it requires clicking an "add to cart" button, watch a new page (the shopping cart), and then go back to the shop or checkout with buttons.

Ajax allows to get closer to the cart metaphor, by enabling drag-and-drop interactions and giving immediate visual feedback, without leaving the shop.

Check this cool video and learn how to make your own Drag-n-Drop script using PHP Framework, Symfony Project.
Drag and Drop Tutorial (with a cool video)

MooTools – A Review

MooTools – A Review

MooTools is an open source JavaScript framework that evolved from the simple function called moo.fx. The developers of moo.fx have slowly expanded this simple function into a fully functional framework. As of this writing, the framework is on its 1.2.0 version and has been enjoying a good following along with other JavaScript frameworks.

Advantages
MooTools is a lightweight framework. But do not think MooTools is another lightweight framework that would eventually stack-up. This framework is as lean as they could be. Instead of stacking up the functions and lines, MooTools divide the codes by developing functions in small code bases.

Expect to have a fully working function in 28kb or less. You can even compress it to make it even smaller. Another function that made it lean is the idea of modularity. Since functions could be laid out as modules, you will basically have an application that is lightweight. The modules built with MooTools are also lightweight in themselves and because of the modularity property of these functions; they are already optimized for performance.

Since moo.fx is originally an effects function, it is no wonder that MooTools is one of the best frameworks if you wanted to have a good looking application with all the effects on it. An Ajax based application will run faster even though there effects are bombarded in the application.

Everything you need to know about SAJAX!!!!

Everything you need to know about SAJAX!!!!

Since Ajax has become the focus of today’s web and application development. A lot of tools have been developed to cater to this programming technique. Although it has been dubbed to be a very challenging technique to master, it all goes down to three languages to build an efficient Ajax website: JavaScript, HTML and XML.

Some have preferred to use JSON instead of XML but an efficient mark-up language is all that Ajax needs to perform well. The efficiency it brings is almost second to none and the interface an Ajax application could do is beyond par.

If you are a developer who already has an advanced idea on JavaScript, building an Ajax based application could be very easy. But it does spell trouble when a developer who is proficient in other languages. Other frameworks and functions based on other languages will never be used in an Ajax based application as it is.

Technically, it could be integrated in any Ajax based website but the website or the application will not look good. An ideal Ajax based application could refresh parts of the webpage – and only those that have been changed will be activated. Other languages could be integrated but they will just look bad in the website.

Continue Reading The Tutorial Here

Build Powerful Web Applications using Prototype.js

Build Powerful Web Applications using Prototype.js

Planning to develop an efficient Ajax based application is easier with Prototype.js. This framework was developed specifically to simplify almost any Ajax based function. It is MIT licensed framework could easily be integrated to other frameworks.

To start using the framework it has to be referenced first in your webpage. The following code is used to activate prototype.js. Usually this is referenced in an HTML webpage:

<script type="text/javascript" src="prototype.js"></script>

It is fast becoming the preferred library by different developers. With prototype.js, almost every function could be used with three main objects only. So it does not need a lot of training and familiarity to get along with this simple yet highly efficient framework. The three objects in proptype.js are Ajax.Updater, Ajax.Request and Ajax.Responders.

Continue Reading the Tutorial

Mocha - Mootools UI Library Introduction!!!!

Mocha - Mootools UI Library Introduction!!!!



Mocha is a web applications user interface library built on the Mootools javascript framework. The Mocha GUI components are made with canvas tag graphics.

Read more and download the source from the below link.http://greghoustondesign.com/demos/mocha/

About CodeIgniter: A Powerful PHP Framework

CodeIgniter is a powerful PHP framework with a very small footprint, built for PHP coders who need a simple and elegant toolkit to create full-featured web applications.


Its on the likes of CakePHP and other PHP based frameworks which work on MVC concepts.

Details of the Project:

Name: CodeIgniter

URL: http://codeigniter.com/

License: Free

Go check out the library.

Some of the Best PHP FrameWorks!!!!

These are some of the most known and well respected frameworks for PHP.

1. Symfony Project

2. CakePHP

3. CodeIgniter

4. Zend Framework

5. PHP on Trax

6. Agavi

Do u know more? Drop in comments and I shall update the list here.