AJAX Crawler - Collection of DHTML and AJAX Samples.

AJAX Based Shopping Cart

noreply@blogger.com (Vinod Kumar) — Thu, 12 Nov 2009 00:01:00 +0000

If you are looking for an AJAX based shopping cart using jQuery, PHP and MYSQL database, try this one.

Demo Link.

http://demo.tutorialzine.com/2009/09/shopping-cart-php-jquery/demo.php

Read more and download the source from the below link.

http://tutorialzine.com/2009/09/shopping-cart-php-jquery/

Scrollable - jQuery Based Plugin

noreply@blogger.com (Vinod Kumar) — Wed, 11 Nov 2009 23:16:00 +0000

This jQuery plugin makes it extremely easy to add scrolling functionality to a website.
The scrolling functionality is visually appealing and customizable.

Read more and download the source from the below link.
Demo is also available at the same link.

http://flowplayer.org/tools/scrollable.html

Sliding Boxes and Captions : jQuery Based Plugin

noreply@blogger.com (Vinod Kumar) — Sun, 08 Nov 2009 01:52:00 +0000

This is a cool implementation of a sliding box using jQuery. Wondering what is a sliding box? There is a div tag that essentially acts as a window where two other items of your choosing “peek” through.

Demo Link

https://buildinternet.s3.amazonaws.com/live-tutorials/sliding-boxes/index.htm

Read and more and download the source from the below link.

http://buildinternet.com/2009/03/sliding-boxes-and-captions-with-jquery/

jPlayer Audio Player : jQuery based plugin

noreply@blogger.com (Vinod Kumar) — Sun, 08 Nov 2009 01:42:00 +0000

jPlayer is a jQuery plugin that allows you to:
play and control audio files in your webpage
create and style an audio player using just HTML and CSS
add sound effects to your jQuery projects
stream faster using HTML5 and alternative ogg format support

All of this with HTML5 <audio> support for compliant browsers that allow mp3 or ogg format, while supporting other browsers using mp3 format with no visible Flash.

Demo Link

http://www.happyworm.com/jquery/jplayer/0.2.5/demos.htm

Read more and download the source from the below link.

http://www.happyworm.com/jquery/jplayer/

Horizontal Subnav with CSS : jQuery Based Plugin

noreply@blogger.com (Vinod Kumar) — Sun, 08 Nov 2009 01:21:00 +0000

Need a Horizontal Subnav Menu with CSS powered with jQuery Love? Try this one. Its even got a fix to make it work with the dreaded IE6.

Demo Link

http://www.sohtanaka.com/web-design/examples/horizontal-subnav/

Read more and learn how to implement this at the below link.

http://www.sohtanaka.com/web-design/horizontal-sub-nav-with-css-jquery/

Horizontal Accordion - jQuery Based Plugin

noreply@blogger.com (Vinod Kumar) — Sun, 08 Nov 2009 01:16:00 +0000

This jQuery Accordion plugin allows you to easily transform any unordered list into a horizontal menu.

Read more and download the source from the below link.

http://www.portalzine.de/index?/Horizontal_Accordion--print

jQuery Slider : jQuery based Plugin

noreply@blogger.com (Vinod Kumar) — Sun, 08 Nov 2009 00:58:00 +0000

Came across this cool looking jQuery Slider. The site does not offer any explanation at the time this post is being made on the implementation.

You can try a View Source at the below link and check out how its been implemented.
I am not sure if you can reuse the code in anyway. Just that it looks cool and wanted it to share it over here.

http://dreamcss.comli.com/jquery%20sliders/

iPhone Click Effect - jQuery or MooTools Plugin

noreply@blogger.com (Vinod Kumar) — Sat, 07 Nov 2009 02:59:00 +0000

If you used Safari on iPhone you may have noticed that Safari provides a darkened background effect when you click a link. If you want to get a similar effect on your web page, try this plugin. This plugin supports both jQuery and MooTools.

Demo Link

http://davidwalsh.name/dw-content/iphone-link.php

Read more and download the source from the below link.

http://davidwalsh.name/iphone-click

jVal - Form Validation Plugin : jQuery Based Plugin

noreply@blogger.com (Vinod Kumar) — Sat, 07 Nov 2009 02:52:00 +0000

jVal is a jQuery based plugin that you can use to validate the forms on your web pages. It provides an appealing animated message flyout that doesn’t impede form layout/design while being user-friendly

Demo Link

http://www.overset.com/2008/07/31/jval--jquery-form-field-validation-plugin/

Read more and download the source from the below link.

http://blogfreakz.com/jquery/jval-jquery-form-field-validation-plugin/

jQuery Highlighter : jQuery based plugin

noreply@blogger.com (Vinod Kumar) — Sat, 07 Nov 2009 02:47:00 +0000

This is jQuery based highlighter plugin allows you to highlight sections of your page. Key features include Keyboard Navigation, Easy Customization and AutoPlay

Demo Link.

http://www.dailymarkup.com/highlighter/demo2/index2.html

Read more and download the source from the below link.

http://www.dailymarkup.com/

maxImage Plugin : jQuery Based plugin

noreply@blogger.com (Vinod Kumar) — Sat, 07 Nov 2009 02:33:00 +0000

This jQuery based plugin will resize and scale targeted images to their max width according to the image ratio, the browser size and some simple options.

Read more and download the source from the below link.
Demo is also available at the same link.

http://www.aaronvanderzwan.com/maximage/

Drag and Drop Solution with jQuery and PHP

noreply@blogger.com (Vinod Kumar) — Sat, 29 Aug 2009 01:30:00 +0000

This tutorial will show you how to drag and drop content on a page and have the order saved. This solution uses the jQuery user interface library and PHP for server side scripting.

Demo Link.

http://papermashup.com/demos/jquery-drag-drop/

Read more and download the source from the below link.

http://papermashup.com/drag-drop-with-php-jquery/

3D Tag Cloud - jQuery Based Script

noreply@blogger.com (Vinod Kumar) — Sat, 29 Aug 2009 01:25:00 +0000

This tutorial will show you how to create a scrolling 3D Tag Cloud very easily.

Demo Link.

http://www.devirtuoso.com/Examples/3D-jQuery/

Read more and download the source from the below link.

http://www.devirtuoso.com/2009/08/how-to-create-a-3d-tag-cloud-in-jquery/

Preloading Data with AJAX and JSON

noreply@blogger.com (Vinod Kumar) — Thu, 23 Jul 2009 15:04:00 +0000

This tutorial explains how to pre-load data for the next users action and store it on the client using JSON and the power of AJAX. An example of its usage would be paging through data in a table or a grid.

Demo Link.

http://particletree.com/examples/paging/

Read more and download the source from the below link.

http://particletree.com/features/preloading-data-with-ajax-and-json/

CSS Decorative Gallery

noreply@blogger.com (Vinod Kumar) — Thu, 23 Jul 2009 14:58:00 +0000

This article shows a simple, yet effective technique to decorate an image gallery. This trick, using only CSS and some images, could make any image gallery look great.

Read more and download the source from the below link.
Demo is also available at the same link.

http://www.webdesignerwall.com/tutorials/css-decorative-gallery/

Secret Message with CSS Positioning and Transparency

noreply@blogger.com (Vinod Kumar) — Thu, 23 Jul 2009 14:30:00 +0000

Want to make a “Secret Message” with CSS Positioning and Transparency.
Try this one.

Demo Link.

http://css-tricks.com/examples/SecretMessage

Read more and download the source from the below link.

http://css-tricks.com/make-a-secret-message-with-css-positioning-and-transparency/

jQuery Gestures - jQuery Based Script

noreply@blogger.com (Vinod Kumar) — Thu, 23 Jul 2009 14:09:00 +0000

This jQuery based snippet can be used to enable gestures on your webpage.

Demo Link.

http://random.friggeri.net/jquery-gestures/

Read more and download the source from the below link.

http://friggeri.net/blog/2008/12/21/jquery-gestures

Clock Widget With CSS3 and jQuery

noreply@blogger.com (Vinod Kumar) — Thu, 23 Jul 2009 13:54:00 +0000

CSS3 introduces a new feature Transform:rotate. This snippet uses this feature and the power of jQuery to get a ticking clock up and running on a web page.

Demo Link.
Note : Requires CSS3. So demo works only browsers that support CSS3.
that would be the latest version of Apples Safari browser (v3, v4 developer preview, or iPhone Safari) or Google Chrome. Thats as of the day this post was made.

http://css-tricks.com/examples/CSS3Clock/

Read more and download the source from the below link.

http://css-tricks.com/css3-clock/

Fancy Thumbnail Hover Effect - jQuery based Script

noreply@blogger.com (Vinod Kumar) — Mon, 20 Jul 2009 14:19:00 +0000

This tutorial explains how to create a fancy thumbnail hover effect using jQuery and CSS.

Demo Link

http://www.sohtanaka.com/web-design/examples/image-zoom/

Read more at the below link.

http://www.sohtanaka.com/web-design/fancy-thumbnail-hover-effect-w-jquery/

TARZAN - PHP toolkit for building web apps with AWS

noreply@blogger.com (Vinod Kumar) — Mon, 20 Jul 2009 14:08:00 +0000

TARZAN is a PHP toolkit that you can use to build web applications that can be easily integrated with Amazon Web Services.

Read more and download the source from the below link.

http://tarzan-aws.com/

Postcard Style Comments

noreply@blogger.com (Vinod Kumar) — Mon, 20 Jul 2009 14:00:00 +0000

Came across this stunning comment form that looks like a postcard.
This tutorial will teach you how to make a stunning comment form using an old postcard photo. Final result can be seen on the image below.

Demo Link.

http://www.jankoatwarpspeed.com/examples/postcard-comment-form/

Read more and download the source from the below link.

http://www.jankoatwarpspeed.com/post/2008/09/15/Turn-postcard-photo-into-a-stunning-comment-form-using-CSS.aspx

Pure Edit - Content Management System

noreply@blogger.com (Vinod Kumar) — Mon, 20 Jul 2009 13:52:00 +0000

PureEdit is the first CMS that dramatically simplifies the back-end development of your website while giving you full control of the front-end design and programming. By allowing such uncommon flexibility, PureEdit empowers you to design web sites from the ground up, without forcing you to follow the narrow template rules you'll find elsewhere.

Read more and download the source from the below link.

http://www.pureedit.com/

Paging Dropdown / Listbox: jQuery based Script

noreply@blogger.com (Vinod Kumar) — Sun, 19 Jul 2009 12:23:00 +0000

Some websites have these huge listboxes / dropdowns that contain hundreds of elements.
This jQuery based solution introduces paging in listboxes / dropdowns. This will speedup page loading and optimize DB/Network usage.

Read more and download the source from the below link.

http://www.moretechtips.net/2009/07/paging-listbox-another-jquery-plugin.html

Resizing Images Based On Browser Window Size

noreply@blogger.com (Vinod Kumar) — Tue, 14 Jul 2009 19:09:00 +0000

Came across this article that explains how you can resize your images based on the window size of the users browser.

Demo Link.

http://buildinternet.com/live/imageresize/

Read more at the below link.

http://buildinternet.com/2009/07/quick-tip-resizing-images-based-on-browser-window-size/

Gritter for jQuery (Growl)

noreply@blogger.com (Vinod Kumar) — Tue, 14 Jul 2009 19:00:00 +0000

Growl is a notification bubble/popup that appears in the top right of your desktop.
This jQuery based plugin brings the Growl functionality to your web page.

Demo Link.

http://boedesign.com/demos/gritter/

Read more and download the source from the below link.

http://boedesign.com/2009/07/11/growl-for-jquery-gritter/