November 17th, 2010

Free Ebook: Unobtrusive Ajax (O'Reilly)

Unobtrusive Ajax is about making web applications that work for everyone all the time, even if you have JavaScript turned off, or you’re using a mobile phone or a screen reader, or however you happen to be using the Web.

It’s about the separation of behavior (JavaScript), content (HTML), and presentation (CSS).

Unobtrusive Ajax

This short cut will focus on the practical benefits of using Ajax and JavaScript unobtrusively and show you that unobtrusive web development and progressive enhancement benefit both web developers and users of the Web.

You’ll get to see many simple examples of building web interfaces that are unobtrusive. You’ll quickly see that it is actually very easy to make web applications that everyone can use.

When you’re finished reading this short cut, you will be able to convince anyone why developing unobtrusively is the best way to build a site with JavaScript and Ajax.

The author of this ebook, Jesse Skinner put the link to download this ebook for free on his blog.

More Info & Download

May 31st, 2010

Creating a Floating Menu bar Tutorial

I found some sites using this technique on their sites. As you can see from the image, it’s a useful toolbar or menu bar that you can add a quick launch menu or social networking icons for your user easily sharing your contents.

In the tutorial, you’ll learn to create you own floating menu bar using CSS, jQuery

Link : View the Tutorial
View Demo

May 29th, 2010

Creating a Todo List With PHP, MySQL and jQuery

Creating a Todo List With PHP, MySQL and jQuuery tutorial

In this tutorial we are making a simple AJAX-ed Todo List App, with PHP, MySQL and jQuery. In the process we are going to demonstrate PHP’s OOP capabilities, play with jQuery UI and implement some nice AJAX functionality.

For a better understanding of the steps of this tutorial, You can see the live demo from the link below or download a completed scirpt.

Link : View the tutorial
View Demo

February 23rd, 2010

Create YouTube-like Adaptable View Using CSS and jQuery

Create YouTube-like adaptable view using CSS and jQuery

Create YouTube-like Adaptable View Using CSS and jQuery. I see this technique on Youtube, It give you ability to switch between normal and wide mode and thus expand/shrink movie area. If you’re looking for a tutorial on how to do that, you can visit the link below to the full tutorial.

Link : Create YouTube-like Adaptable View Using CSS and jQuery
View Demo

October 26th, 2009

Creating a Greyscale Fading Hover Image Effect

Creating a Greyscale Fading Hover Image Effect

Cool Image effect technique using CSS and jQuery. I see many sites use this technique and I think it’s really cool. The tutorial is on sohtanaka. Check out the link below.

Link :
October 24th, 2009

Creating a PHP Contact Form With PHPMailer + Ajax + jQuery (Tutorial)

If you’re looking for a PHP contact form for your site, this is a very nice contact form. Tutorialzine made a good tutorial and offers the demo script for free download.

This contact form is beautiful, the script works great with PHPMailer, Ajax and jQuery and they provide a good tutorial on how to create this contact form too.

In the tutorial you are going to learn how to make an AJAX contact form which leverages modern web development techniques.

Link :
View the Tutorial
View Demo
Download File

Creating a PHP Contact Form With PHPMailer+Ajax+jQuery (Tutorial)

February 23rd, 2009

Creating Apple Style Menu With Kwicks Effect

This is a pretty good tutorial on how to create a cool web menu using Kwicks effect. The tutorial I found on kriesi.at shows you how to create menu like Apple.com style menu, but added more effect.

The tutorial has very details, it shows you from start using Photoshop to create graphic, cut, using CSS to create a menu until using jQuery to create Kwicks effect. If you want to create a nice menu for your web, check out the link below for the tutorial and live demo.

Link : Creating Apple Style Menu With Kwick Effect
View Live Demo

Creating Apple Style Menu With Kwick Effect

February 20th, 2009

Javascript (jQuery) Color Fading Hover Effects Menu

If you’re looking for a nice menu style for your web or blog. This is a good one for you. Color Fading menu is beautiful and quite popular, the effect is great, You ‘ll see a nice color fading(slowly) when your mouse is hovering on the menu and fade back to the original color when your mouse is out.

I found this tutorial on css-tricks.com (there’re lot of good stuff there). You can download the source file at no cost and they provide a tutorial on how to create a nice color fading menu too.

I really like this menu because it’s beautiful, simple and it’s great for many web layout.

Javascript (jQuery) Color Fading Hover Effects Menu

Link : View the Tutorial
View Live Demo
Download Files

February 19th, 2009

AutoTab – Auto Tabbing and Filtering in the Web Form Script

When you create a form for your user to fill up credit card number, phone number, serial number or ect. and you want to make your form automatic jump to the next field when your user finished filling it.

Autotab is a jQuery plugin that provides auto-tabbing and filtering on text fields in a form. Once the maximum number of characters has been reached within a defined text fields, the focus is automatically set to the defined target of the element.

This script I found on lousyllama.com, it make your form easily to fill up, powerful and you can download free.

AutoTab - Auto Tabbing and Filtering in the Web Form Script

Link : www.lousyllama.com/sandbox/jquery-autotab

February 17th, 2009

Moving Boxes Script

I found this cool moving boxes script on css-tricks.com. It’s really nice and useful, if you want to use for your web project, just check out the demo page and you can download the script for free.

Moving Boxes

Link : css-tricks.com/moving-boxes/
View Live Demo
Download Files