Posts Tagged ‘Web 2.0’

Posted on March 7, 2009 - by webmaster

Beautiful jquery lightbox plugins

When I am re-designing my official website i have googling for thickbox alternatives to used in my portfolio section, thickbox is great but i need a lightbox effect plugins with beautiful predefined styles and compatible with latest jquery 1.3.1 version, and jquery lightbox below match my requirements.

(more…)

Posted on January 30, 2009 - by webmaster

Update: Jquery Image Loader

Follow up the comments from my previous post about animate loading image with jquery which asking about how to populate images from the DOM instead of declare the image within the javascript codes manualy, so i made a little changes into the code since it seems to be easier for you all to adopt this into your web pages.

(more…)

Posted on January 30, 2009 - by webmaster

Jquery plugin: Rotate image with javascript & HTML5 canvas

Following the post by Dion Almaer from Ajaxian, about interesting Jquery plugin by Pawel Witkowski, a jquery plugin to get image rotation effect directly from client side with only few lines of code

// rotate 5 degree
$('#image').rotate({angle:5});

Also able to animate it

	var oRotation=$('#image2').rotate({maxAngle:25,minAngle:-55,
	bind:
		[
			{"mouseover":function(){oRotation.rotateAnimation(85);}},
			{"mouseout":function(){oRotation.rotateAnimation(-35);}}
		]
	});

Give it a try

Posted on November 13, 2008 - by webmaster

Jquery Vertical Slide (Dropdown) Navigation

I have sometimes today to play around with jquery horizontal slide navigation (horizontal accordion navigation) (demo), I want to make it slide vertically, and here is what i have made.

Tested in FF3, Opera 9, IE 6, Safari 3. Dependencies: Jquery & Optional Jquery Easing Plugin.

(more…)

Posted on October 13, 2008 - by webmaster

Horizontal Slide Nav Using Jquery & CSS

Once i want to create icon based navigation with few lines text on it, but rather than to use tooltips i prefer to have show/hide effects, to hide the text and show it on mouse hover, and here is the result, like the effects? well just copy paste the snipet below, and you could customize it to match your taste and needs.
(more…)

Posted on September 30, 2008 - by webmaster

Ajax against SEO and Web Accessibility

Ajax has become a new hot terms in web development world, since the rapid growth popularity of some pioneer ajax based web application like Gmail and Google Maps. Lots of web developers, web designers and internet users very excited with the more possibilities which can be done by ajax, many websites developed using the advantages of ajax technique, and since then lots of ready to use ajax toolkit/framework available for developers to simplify the experience of ajax integration eg: jquery, prototype, mootools, GWT, Dojo etc.
(more…)

Posted on September 20, 2008 - by webmaster

Ajaxify your web pages using Jquery

This simple tutorial example will show you how to dynamically load your web content via ajax instead of default behaviour HTTP request (full round trip), before we continue you may want to have a look at the demo page.

To run this example you need to download jquery library or you can use Google Ajax Libraries API, Next create an HTML page name it “index.html” copy paste the codes below, and change the codes as neccesary:
(more…)

Posted on August 17, 2008 - by webmaster

PHP ajax login form using Jquery

Because a lot of responses to the previous post php ajax tutorial create ajax based login form using jquery, and asking about some bug fixxing incl IE bugs, i decide to create a new PHP ajax login functionality using Jquery, and here it is…

Whats new?

• Completely recoded
• Tested in IE6, FF3, Opera9 and i think should be worked in other modern browsers as well
• Easliy switch the data source between database and PHP array
• Login authentication can be using username or email, or even both of ‘em by changing the config
• Automattic redirection could be done within the javascript config
• Redirect target (on success) can be changed in config file
• Message and Text controled by array variable which could be changed in 1 file

(more…)

Posted on May 31, 2008 - by webmaster

ajax image picker using jquery

As i wrote in my previous post, i want to create an ajax based image picker using jquery, and the result is here.

The codes is based on the ajax jquery image viewer as i posted before, with added some codes and used of facebox jquery plugin to handle the inline popup effect.
(more…)

Posted on May 27, 2008 - by webmaster

SimpleModal yet another Jquery modal window plugin

Eric Martin has released simplemodal, yet another cool lightweight modal window library using jquery javascript framework, is there something special on this plugin? well i personaly love the 3 optional callback method onOpen, onShow, onClose give us ability to add interactive modal window with different message/action during the popup-ing process.
(more…)