How to create a facebook type search suggestions script

This is an update to the old tutorial on "Facebook type search box with auto complete using jquery, ajax and PHP". This post explains, how to implement the search auto suggestion functionality similar to facebook, google.

It uses the power of jQuery, JSON, PHP, AJAX with CSS. Very easy to implement as well as modify the script according to perticular requirement.

 

Live Demo Download Script

20+ Excellent Collection of Free JavaScript Date Pickers

To avoid the confusion of accepting different date types, we "web architects" generally use date pickers. As this is frequently used in web design, i decided to publish a list of such javascript date picker which are free and easy to implement.

Following is a list of such jQuery plugins used to create the date pickers.

7+ free jQuery modal popup plugins similar to facebook

A collection of more than 7 best free jquery modal popup plugins collected from various resources lashed with features and easy to customize.  These modal popups utilizes the space available in a webpage very intelligently  Probably the best example is facebook.

Thickbox

• A UI dialog widget written in JavaScript.
• Featues as one of the top plugin at jQuery library. 
• Capable of  showing a single image, multiple images, inline content, iframed content as well as content served through AJAX in a hybrid modal.

7+ free essential horizontal navigation menu using jquery and css

Here i have collected 7+ essential horizontal navigation menu created using css and jquery. This collection has most impressive jQuery plugins as horizontal menus.

Smooth Animated Menu with jQuery

A nice menu created based on the concept of easing. Has a very nice looks with cool animation effect created by One Mighty Roar.

Vimeo Like Top Navigation Menu

the menu that drops down when you hover search box. It also offers different search options that you can choose and narrow your search. The base for this tutorial is simple CSS drop down menu based on unordered list.

7+ free jquery image zoom plugins for creating best zoom effect

There are some free jQuery image zoom plugins available which will help you create stunning zoom effect for your photos. Especially it is useful for a shopping website. Following are 7+ such handpicked jquery zoom plugins to choose from.

 

Featured Image Zoomer (now w/Multi-Zoom) v2.1

This image zoom javascript plugin lets you view a magnified portion of any image upon moving your mouse over it. A magnifying area appears alongside the image displaying the magnified image on demand.

Here are the script's features

• The user can toggle the zoom level by using the mousewheel.  
• It's great to use on product images, photos, or other images with lots of details you want users to be able to get into on command. 

Working with Twitter Bootstrap - Simple Lessons

Twitter Bootstrap is a great tool for web designers which makes the life of a developer/designer easy by already implementing all those designing needs within it. It says designed for everyone, everywhere. It looks great as well. Most important part is it supports responsive web design for tablets and mobiles.

You may download Twitter Bootstrap Project from https://github.com/twitter/bootstrap.

Lets Start
---------------------
We just need to include two CSS file bootstrap.css and bootstrap-responsive.css to our application.

How to create a simple news ticker using jQuery

Very simple, easy to use news ticker created using jQuery with awesome animation effect. Adds much more effect and attraction to your website. It accommodates a lot of content in a small space. The same has been adopted by facebook to showcase the recent activity of friends. You will find the code comparatively easy to understand.