jQuery :: New diagonalFade plugin helps animate your box

diagonalFade is jQuery plugin which is used to fade-in and out through the direction of the webpage. It can be used in inventory which is ordered in grid. It is very easy to implement in your web application. You can specify the following settings in diagonalFade time:100 fadeDirection_x: ‘left-right’, fadeDirection_y: ‘top-bottom’, fade: ‘out’, complete: null You can … Continue Reading

Simple example using magento event observer

Magento’s Event observer concept is about raising events in key areas in an application flow. An Event is an action that takes place during normal program execution. Eg: Product saved,order placed,etc. Observer is the event handler. Customizing Magento using Event observer allows us to add our own logic in addition to the core logic without … Continue Reading

JQuery says Bye Bye to javascript confirm box.

Tutorialzine are teaching us how to build a cross-browser, jQuery Custom Confirm Dialog Replacement. You can choose the text, buttons, and actions that will be executed when they are clicked. You can customize the appearance of the dialog by modifying jquery.confirm.css. As the message attribute of the dialog takes HTML text, you can further customize … Continue Reading

Excellent Jquery Photo Gallery

Beautiful Photo Stack Gallery with jQuery and CSS3 tells us how to create a nice and fresh image gallery. The idea is to show the albums as a slider, and when an album is chosen, we show the images of that album as a beautiful photo stack. In the photo stack view, we can browse … Continue Reading

Face Detection using HTML5 Canvas

You have probably seen face detection at work in programs like iPhoto and Picasa, but what if you could do that performantly in JavaScript? Chinese developer Liu Liu has done the honors, and implemented Face Detection in JavaScript via HTML5 Canvas. The algorithm is implemented on top of a JS port of a C-based computer … Continue Reading

Best Animated Gif Generator

Animated Gif Generator lets you easily create an animated gif by uploading a series of still images (gif, jpg, or png). Simply use the form to upload each image as desired. Once you’ve uploaded your images, you can also change the order of the images by dragging on each frame, or delete a frame by … Continue Reading

Sprite Images Online with Spritebox

Spritebox is a WYSIWYG tool to help web designers quickly and easily create CSS classes and IDs from a single sprite image. It is based on the principle of using the background-postion property to align areas of a sprite image into block elements of a web page. It was made using a combination of jQuery, … Continue Reading

Google SketchUp 3D Modelling made Easy

Google SketchUp is the finest (and most innovative) tool available for anyone designing anything from coffee pots to skyscrapers. You can create 3D modelling easily with it. Redecorate your living room. Design a new piece of furniture. Model your city for Google Earth. There’s no limit to what you can create with SketchUp. There are … Continue Reading