Archive for June, 2012

jQuery Add to cart effects

Posted: June 24, 2012 in Jquery

Fly-To-Basket Effect With jQuery

fly to basket

Vew Demo

Fly-To-Basket Effect With jQuery

AJAX PayPal Cart JQuery Plugin

AJAX PayPal Cart JQuery Plugin

Vew Demo

AJAX PayPal Cart JQuery Plugin

An AJAX Based Shopping Cart with PHP, CSS & jQuery

AJAX Based Shopping Cart

Vew Demo

AJAX Based Shopping Cart

Ajax Shopping Cart: Create a Stylish Shopping Cart Using JQuery and PHP

AJAX Based Shopping Cart

Vew Demo

AJAX Based Shopping Cart

Build An AJAX Powered Shopping Cart

AJAX Based Shopping Cart

Vew Demo

AJAX Based Shopping Cart

Drag Drop Shopping Cart Using JQuery

AJAX Based Shopping Cart

Vew Demo

AJAX Based Shopping Cart

Super Shopping Cart with JQuery

AJAX Based Shopping Cart

Vew Demo


1. jQuery Lens Flare Effect Plugin

This amazing jQuery plugin will automatically adding lens flare effect to any specific images. Look cool!

jQuery Lens Flare Effect

Source + Demo

2. jQuery Circulate Plugin

Sometimes, have you ever wanted to animate something in a circle like this by jQuery Circulate?

jQuery Circulate


3. jQuery Three Dee Plugin

jQuery Three Dee is amazing! It can converts text into 3D text. Have fun with Three Dee!

jQuery Three Dee


4. jQuery Fly-To-Basket Effect

Well, perhaps this is future trends of ‘add to cart’ function for those e-commerce sites.

jQuery Fly-To-Basket Effect


5. jQuery.moatext

Another amazing jQuery text effect plugin for you – jQuery.moatext. It make your text animated in wave-like effect when mouseover.



6. Airport Text Effect jQuery Plugin

Airport is a rather simple text plugin for jQuery. It emulates the styles of those flickering information boards on airports or train station.

Airport Text Effect

Source + Demo

7. Zoomooz jQuery Plugin

Zoomooz.js is a powerful jQuery plugin for making your web page element zoomable. Let’s zoom zoom!

Zoomooz jQuery Plugin

Source + Demo

8. jQuery Photoshoot Plugin

Have you tried photo shooting in your browser? If not, then you should really check out this amazing jQuery plugin which allows you to convert your page into a photo shooting effect.

jQuery Photoshoot Plugin


9. WD3K AJAX Sliding Contact Form

Features a jQuery-powered sliding contact form in the left border of your WordPress site. It contains client side validation and AJAX-powered mailing, so no page refresh is required. The admin panel allows you to configure all form labels, including error messages and form status messages.

WD3K AJAX Sliding Contact Form


10. jFlow Plus

Lets you create simple image sliders with text content that you can add to any post or page or place directly within your theme files. It plays nice and doesn’t interfere with any other galleries running on your site.

jFlow Plus





This is tested on both XAMPP ( and WAMP (

Note: on XAMPP the apache directory is just apache while on WAMP the directory is apache2 (please change the instructions below accordingly)

Note: check version of PHP, which you will use. Magento not work with PHP 5.3 (for XAMPP, use XAMPP for Windows Version 1.7.1 ) Magento works fine on WAMP v2.0 running PHP 5.3.0

Note: On WAMP v2.x, modules can be enabled and disabled through the Aestan Tray Menu by pointing to PHPPHP Extenstions then clicking the appropriate extension. Magento 1.7 does not work with WAMP 2.2. You may use WAMP 2.1.

1) Download and Install (place magento files as referenced in installation instructions)

2) Setup Database using phpmyadmin (goto: http://localhost , there will be a link on the left to goto phpmyadmin)

3) Edit apache/conf/httpd.conf change line:

  1. #LoadModule rewrite_module modules/


  1. LoadModule rewrite_module modules/

(just remove the # )

4) Edit apache/bin/php.ini and php/php.ini (same changes on both files – note, as of XAMPP 1.7.1, you will only have to change php/php.ini) change lines (the first change is not necessary on xampp):

  1. ;extension=php_mcrypt.dll


  1. extension=php_mcrypt.dll

and changes lines:

  1. ;extension=php_curl.dll


  1. extension=php_curl.dll

(just remove the ; )

4a) On WAMP you must also change the following line in apache2/bin/php.ini and php/php.ini changes lines:

  1. ;extension=php_pdo_mysql.dll


  1. extension=php_pdo_mysql.dll

(just remove the ; )

In addition to php_pdo_mysql.dll, you may also need to make sure you are loading:

  1. extension=php_pdo.dll

5) There is a bug in Windows’ php_pdo_mysql implementation. It is possibly related to this bug documented here: and here: . Workarounds could be:

Here is another link to the libmysql.dll file:

Note above file is linked by a community member, FrenchToast and the current download above is hosted by Xavier ETCHEBER. While there has been no problems with this file it has not been fully verified.

6) Restart all servers

7) Goto: http://localhost/magento/install (replace the above “magento” with where your installation was extracted to)

8) On page 2 “Configuration” change database as needed and change Secure Connection to: (XAMPP actually supports SSL over port 443 – so this step is not needed if you want to test SSL)

    Secure Host: localhost (could be different)
    Secure Base Path: /magento/ (also could be different)
    Secure Protocol: http
    Secure Port: 80

9) Continue with install, all should be good!


Magento requires itself to be installed on a host name with at least one period ‘.’ in it, therefore installing to http://localhost doesn’t work. (Having installed to //localhost, I was unable to get it running even after the following changes. In the end I had to reinstall using the new host name which then worked fine.)

If you can’t login to the administration panel after installation, that’s because there’s a cookie problem. Add these lines:


    C:/Windows/System32/drivers/etc/hosts (edit this file in notepad)

Then go to<folder>

NB: This was the key note (9) to allowing me to install the latest version of Magento on the latest version of XAMPP (13 July 2011). You will need to change the permission of the ‘hosts’ file in window to allow you to save. All the other changes had already been made in my version of XAMPP. Once you have made the change reinstall Magento using the downloader and the<folder>.

Additional Resources

A 4 page PDF guide can be found at – courtesy of user bradgman (Warning: BROKEN LINK)

Additional information on installing XAMPP and Magento, including video demonstrations, can be found at

Known Issues
Magento was developed on Linux and as such, it is most tested on this platform. Here are some known issues that may result from the use of other operating systems.

   1. Under Windows, image uploads may not work at this time:

here's a fix (from
login to backend using FireFox, you will resolve this issue.
go to System -> Configuration -> Catalog, then under Image Configuration

Category upload url - /media/catalog/category/
Product upload url - /media/catalog/product/

rename to:

Category upload url - /RootFolderName/media/catalog/category/
Product upload url - /RootFolderName/media/catalog/product/ 

RootFolderName matches your folder you've installed magento in

my installation is located:C:/wamp/www/magento
so my rootfoldername is magento!!
Category upload url - /magento/media/catalog/category/
Product upload url - /magento/media/catalog/product/ 

image upload should work know and you can start working offline

wpadminbar-mainIf you have upgraded to the latest WordPress version (3.1), you will discover that it shows the WordPress Admin bar for you and your logged-in users. While the WP Admin Bar is supposed to make your life easier by providing useful links at the top of the page, it does not provide any form of customization, which crippled its usefulness.

Here are 4 useful techniques you can use to customize and bring out the best of the WP Admin Bar.

1. Remove existing links from WP Admin Bar

1. Navigate to your theme folder and open the functions.php file with a text editor.

2. paste the following code to the end of the file:

add_action( 'wp_before_admin_bar_render', 'remove_admin_bar_links' );
function remove_admin_bar_links() {
        global $wp_admin_bar;

The code above will remove the “COMMENTS” link from the Admin Bar. It works by using the functions $wp_admin_bar->remove_menu(ID). By providing the ID of the links that you want to remove (in this case, the ID is COMMENTS), you can remove any links from the Admin Bar.

Here are some of the ID that will be useful to you:

  • my-account-with-avatar / my-account: Links to your account. The ID depends upon if you have avatar enabled or not.
  • my-blogs: My Sites menu. For network mode only
  • edit: Post/Page edit link
  • new-content: Add New menu
  • comments: Comments link
  • appearance: Appearance menu
  • updates: Updates link
  • get-shortlink: Shortlink to a page

2. Adding custom links to the WP Admin Bar

To add your own links to the Admin bar, append the following code to your functions.php.

add_action( 'wp_before_admin_bar_render', 'add_admin_bar_links' );
function add_admin_bar_links() {
        global $wp_admin_bar;
       $wp_admin_bar->add_menu( array( 
		'id' => 'Google', 
		'title' => __('Google'),  
		'href' => '' 

The example above add “” as a link in the Admin Bar. You can, of course, customize it to your liking. Things that you need to take note is the ‘id’, ‘title’ and ‘href’

id: the identifier for the link
title: the name that appear on the Admin Bar
href: the url the link is pointing to.

You can also create a submenu with the code below:

add_action( 'wp_before_admin_bar_render', 'add_admin_bar_links' );
function add_admin_bar_links() {
        global $wp_admin_bar;
       $wp_admin_bar->add_menu( array( 
		'id' => 'Google', 
		'title' => __('Google'),  
		'href' => '' 
       $wp_admin_bar->add_menu( array( 
		'id' => 'GoogleAnalytics', 
		'title' => __('Google Analytics'),  
		'href' => '' 

This is how it looks like:


3. Show the login form if user is not logged in

By default, the Admin Bar will only appear for logged-in users. If, however, you want to make the admin bar visible for everyone and make it show the login form if the user is not logged in, you can use the WordPress Admin Bar Improved to enable this functionality.

4. Disable the Admin Bar totally

Some of you might dislike the admin bar and wish to remove it totally. Here’s how you can do so.

1. Login to your WordPress dashboard and go to your profile tab.

2. Under the “Show Admin Bar” section, uncheck the option “when viewing site” and “in dashboard“. Save the changes.


If you are managing a multi-authors blog (or in network mode) and you want to disable the Admin Bar for all your authors, in your functions.php file, copy and paste the following code;

add_filter( 'show_admin_bar', '__return_false' );

This will disable the Admin Bar sitewide.

What other tricks do you use to customize the WP Admin Bar?


In this Article we are providing best Ajax jQuery Pagination with example and demo.jQuery Paginate with Ajax is growing  fast web page accessing technology.

1.Client-side jQuery pagination plugin : jPages

jPages is a client-side pagination plugin but it gives you a lot more features comparing to most of the other plugins for this purpose, such as auto page turn, key and scroll browse, showing items with delay, completely customizable navigation panel and also integration with Animate.css and Lazy Load.
Client-side jQuery pagination plugin : jPages

Read MoreDemo

2. jQuery ScrollPagination

jQuery ScrollPagination plugin has been developed by Anderson Ferminiano for studying purposes, you may use it for free in any project you want, only preserve the credits.
jQuery Scroll Pagination Plugin with Demo

Read MoreDemo

3. jqPagination A jQuery pagination plugin

jqPagination is a jQuery plugin that provides a newer method of pagination for your web site or application. Instead of displaying a list of page numbers like traditional pagination methods jqPagination uses an interactive ‘Page 1 of 5′ input that, when selected, allows the user to enter their desired page number. The plugin will ensure that only valid pages can be selected, a valid request will result in the paged callback. First, previous, next and last buttons work out of the box, but are optional.

jqPagination jQuery Pagination Plugin with Demo

Read MoreDemo

4. Extreme Makeover: jPaginator CSS3 Edition

jPaginator pagination aims to improve the user experience of long pagination lists by offering a slider to animate links left and right. In this tutorial, it teach you how to skin jPaginator into something beautiful.

jpaginator : jQuery Pagination Plugin with Demo

Read MoreDemo

5. Creating Modern jQuery Pagination for Content

I decided to create a new own jQuery plugin for pagination (for different content), which will be based not on the number of elements (childrens) per page, but will take care of the height of the content. And it will try to keep the same height for the pages. This means that the number of elements on the page can be different. Everything will depend on the height of these children. Plus, I will using fade effect to switch between pages.

jQuery Pagination For Content with example

Read MoreDemo

6. Sausage : jQuery infinite Pagination with Demo

Sausage is a jQuery UI widget for contextual pagination. It complements long or infinite-scrolling pages by keeping the user informed of her location within the document.

Sausage : jQuery infinite Pagination plugin with Demo

Read MoreDemo

7. Pagination with Jquery, PHP , Ajax and MySQL

Long days back I had posted an article Pagination with jQuery, MySQL and PHP with out refreshing page. Ravi Tamada modified old script and added extra features like First, Previous, Next and Last buttons. Use it and enrich your web applications.

Pagination with Jquery, PHP , Ajax and MySQL

Read MoreDemo

8. Smart Paginator : jQuery Pagination Plugin

Smart Paginator is a comprehensive jQuery Pagination plugin that makes adding pagination very simple task, all the navigation logic is built in and it is also very customizable. Smart Paginator can also filter your data automatically on client side. Click the screen shot below for the demonstration to see the various filter options provided by Smart Paginator. Smart Paginator supports variety of parameters and custom themes, that can be used to customize the look and feel to your desire.

Smart Paginator : jQuery Pagination Plugin with Demo

Read MoreDemo

9. How to create easy pagination with jQuery

All we know, that when we facing with necessarity to display large amount of data – we starting thinking about adding pagination. So we split all our content to several pages. And in this case – each page contain some part of our information. As usual this is server-side pagination, where we extracting necessary amount data from database for each page…

jQuery easy pagination with Demo

Read MoreDemo

10. Pagination with jQuery, MySQL and PHP

I received lot of requests from my readers that asked to me how to implement Pagination with jQuery, PHP and MySQL. so I had developed a simple tutorial. It’s looks big but very simple script.

Pagination with jQuery, MySQL and PHP and Demo

Read MoreDemo

11. Xarg : Ajax jQuery Pagination

Xarg jQuery Pagination plugin that has big advantage over server side pagination; by generating the links virtually on the client, the risk of duplicate content drops and the need of ugly follow, noindex link attributes left unnecessary. The pagination plugin also combines a varity of features. It can be used to divide long lists or areas of content into multiple seperate pages, load paged content with pre-calculated database offset-parameters via Ajax and anything with full control to adapt the style properly to your site-layout.

Xarg : Ajax jQuery Pagination with Demo

Read MoreDemo

12. Pajinate – A jQuery Pagination Plugin

Pajinate is a simple and flexible jQuery pagination plugin that allows you to divide long lists or areas of content into multiple separate pages. Not only is it a simpler alternative to server-side implementations, the time between paginated-page loads is almost nil (up to a reasonable page-size of course).

Pajinate – A jQuery Pagination Plugin with Demo

Read MoreDemo

13. jPaginate: A Fancy jQuery Pagination Plugin

jPaginate is a jQuery pagination plugin that comes with a twist: animated page numbers. The user can slide through the available page numbers by clicking or just hovering over the arrows. Shortlinks to the first and last page are available as well.

jPaginate: A Fancy jQuery Pagination Plugin with Demo

Read MoreDemo

14. SimplePager – jQuery paging plugin

SimplePager is to allow for creating pagination with as little effort or configuration as possible. This pager plugin can page divs, paragraphs, list items or almost any other content

SimplePager - jQuery paging plugin with example

Read MoreDemo

15. jPaginator: jQuery Pagination Plugin

jPaginator is a lightweight jQuery plugin (5kb) for pagination. It’s fun, intuitive, it comes with a slider and you can ask for an unlimited number of pages.

jPaginator: jQuery Pagination Plugin with Example & Demo

Read MoreDemo

16. jQuery Pagination Plugin

When you have a a large list of items (e.g. search results or news articles), you can display them grouped in pages and present navigational elements to move from one page to another. This plugin creates these navigational elements.

jQuery Pagination Plugin with example & demo

Read MoreDemo

17. Sweet Pages: A jQuery Pagination Solution

Today we are making a jQuery pagination plugin that will enable you to convert a regular unordered list of items into a SEO friendly set of easily navigatable pages. It can be used for comment threads, slideshows, or any kind of structured content.

Sweet Pages: A jQuery Pagination Solution with example & demo

Read MoreDemo

18. Easy pagination with jQuery and Ajax

In this tutorial I would like to go over an easy way to display your database data with jQuery using Ajax and pagination.If you would like a brief introduction to using Ajax with jQuery you can have a look at this tutorial. jQuery makes it very easy to send Ajax requests.

Easy pagination with jQuery Ajax and demo

Read MoreDemo

19. AJAX Pagination using jQuery and PHP with Animation

I have created an Ajax jQuery based pagination few months before which my users liked very much and there are thousands of downloads of that tutorial. So, I thought to create on another tutorial forpagination with some jquery effects to make stylish and attractive. Its animated loading of records using jquery animation. I hope you will like it very much as it looks nice.

AJAX Pagination using jQuery and PHP with Animation

Read MoreDemo

South Park Studios

South Park Studio

Dilbert Website

Dilbert Website

Blizzard Entertainment

Blizzard Entertainment

Future of Web Design London

Future of Web Design London





Carsonified 404


Chris Jennings 404

Chris Jennings



Houston, we have a problem! Abduzeedo


Henrik Hedegaard – WOOPSIE DAISY! Something went wrong!!!

Henrik Hedegaard

Wufoo Page Not Found


Jamie Huskisson 404

Jamie Huskisson

Tele2 404

Tele2 – Page Not Found


What the Dickens…?

What the Dickens...

Suspended Animations

Suspended Animations

Oops! You bwoke it

Oops! You bwoke it

YouCastr – Woops!


Acro Media Inc – Dude, we can’t find that page!

Acro Media Inc

< 404 Error >

Content Not Found : The New Yorker

The New Yorker

Frye/Wiles 404 – Whoops


Pattern Tap 404

Pattern Tap

Limp Fish – file not found

Limp Fish

TinSanity 404

TinSanity 404

LILEKS – uh oh


Page Not Found –


Blue Daniel 404 File Not Found

Blue Daniel

CSS Tricks – Nothing found for Thispagedoesntexist

CSS Tricks

arbitraryconstant – 404 (missing)




Laughing Squid – Page not found

Laughing Squid


Springload: Error 404


Error Finding Page

50 Creative 404 Pages

Expansion Broadcast – Page not found

Expansion Broadcast

Bits of Magic – PAGE FAULT ERROR #404

Bits of Magic

Error – GeekSquad

GeekSquad >> operation failure >> code 404


Open Adventure – 404!

Open Adventure

Site Sketch 101

Site Sketch 101

Bi Bakar mısınız? Sayfayı Bulunamadı!

50 Creative 404 Pages

404 – Casino Lemonade

Casino Lemonade

404 ›

404: Lost in the aether

50 Creative 404 Pages


50 Creative 404 Pages – OOPS Wrong Turn

50 Creative 404 Pages

The Web Motel – ERROR!

50 Creative 404 Pages

404 Best Practice Resources


The use of premium under construction HTML website templates and layouts is a brilliant idea. These templates and layouts are very useful. If you are planning to have a website and want to make your potential visitors aware of that site then you can take the help of these free and premium under construction HTML website templates and layouts. An attractive “coming soon” page can charm your potential visitors and make them curious about your website. Apart from that, there are many websites that you may need to alter a bit here and there. The reason may be anything but with a creative and nice “under construction page” you can send a message to your loyal visitors that you are going through some big changes, which may make them curious. Your business will get a highly professional look with this kind of service.

Instead of old, conventional and plan notice of “site under construction” or “page not found” these templates and layouts are better in many aspects. Since these templates have the option of signing up for the visitors to get email updates, it gives you a chance to obtain potential readers and subscribers for your upcoming site. Where as in the old and traditional under construction pages these facilities were not available. Other than these, you can use them if you are planning to redesign your site or bring some major changes to your website.

Through these premium under construction HTML website templates and layouts you will be able to inform your regular visitors about your present status. In that way you could maintain the communication with your existing viewers through these under construction templates. They will be happy to know that you are planning to offer something better and more exciting for them. Above all these templates gives your site an exclusive look even when it is not officially performing in the net.

So having a creative under construction template for your site, is a mark of professionalism and uniqueness in business. There is a wide array of such templates in the internet. All you need to do is to search the best suited template for your business, download, install and use it for free. They are easy to use since they are created by the professionals of the industry. During the changing or the building process of your site these templates can be the source to maintain a good relationship with your potential and existing viewers.

Free Under Construction HTML Website Templates

Coming Soon


Website Under Construction Template

Free “Site Under Construction” Template

Premium Under Construction HTML Website Templates

Under Construction

Mustach – Coming Soon

Main Animated Fullscreen Under Construction Page

Odonata – Under Construction Template

EVO – Fullscreen site launch

The Big Bang – Under Construction Page


Retro – Under Construction/Coming Soon Template

Count Me

Soon(ish) Coming Soon / Countdown HTML Template

MyCountdown – Scrolling Coming Soon Template

Fine – Under Construction Page

Landerous – Under Construction Page

ALIVE Under Construction Template and WP Theme

Launch Pad – Full Screen Image Under Construction

Launching Soon – Under Construction Page