jQuery book animation effect

1. Flip

The jFlip plugin

FlipPage

jQuery Booklet

jPageFlip

Amazing jQuery Notebook Page Flip Animation

turn.js (paid version is only good)

troubleshooting phpmyadmin / LAMP Server

If on new installation of server, you are unable to see phpmyadmin page properly or receive 404 error. than just do following.

Go to System > Administration > Synaptic Package Manager on you task-bar of your system. This will open a toolbar window.

Now, Search for phpmyadmin on top of that window. Now right click and select mark for installation to phpmyadmin from search results.

Now last thing is to click on apply on top of that window. after that just it will ask to download packages and follow instructions to select passwords and auto-configure server and its done.

Now you can have fun drawing your ideas on your personal web-server.

Troubleshooting Apache / LAMP Server

If you get this error: or you are unable to see http://localhost/ in your browser properly

sudo nano /etc/apache2/conf.d/fqdn

or

gksu "gedit /etc/apache2/conf.d/fqdn"

then add below line to file and save it and close the file.

ServerName localhost

This can all be done in a single command with the following:

echo "ServerName localhost" | sudo tee /etc/apache2/conf.d/fqdn

Now have fun because its done

Please say thanks. Bcz i really mean it.

all css hacks

I am not going to use your lots of time. css hacks as below as per browser you can see results on this page by browsing this page on diffrent browsers:

stylesheet below is editable, but not in ie less than IE9

Text color in this box will change according to your browser you are using

Hack for IE6 only:

* html .color {color: red;}

Hack for IE7 only:

*:first-child+html .color {color: green;}

You can also use IE7 specific hack like below:

@media \0screen { .color {color: #blue; }

Text color in this box will change according to your browser you are using

hack for upto IE9 version

.color {color: #orange\9;}

saf3+, chrome1+

@media screen and (-webkit-min-device-pixel-ratio:0) { #color { color: red } }

/* iPhone / mobile webkit */

@media screen and (max-device-width: 480px) { #veintiseis { color: red } }