Deprecated: mysql_connect(): The mysql extension is deprecated and will be removed in the future: use mysqli or PDO instead in /home/webstorm/public_html/ on line 72
Web development tutorials for PHP, HTML, CSS, JS and jQuery

Web development tutorials and examples

Jquery grayscale

The following example is using Jquery and it should work in all browsers but only for images.

A full working demo can be downloaded from here

Simple slideshow

This is a simple example of a JavaScript slideshow animation effect using JQuery. Simple token string: YP3JJP2EWE53

CSS gray images

This example shows how to make a grayscale div, no matter what its content is. For this, you need to use .svg (Scalable Vector Graphics) files located within the CSS style folder.

Attention! For Safari < 6 you can use this link

CSS resize transition

This simple CSS example shows how to create a resize effect occurring on mouse over. It should work on all browsers, except for IE < 10.

Opacity for all browsers

This is a simple variable opacity effect (or filter) example using CSS. It should work on all browsers.


Sign up for inspiration, news and updates