Scroll page back to the top

Web Design Tutorials

 
 
Textarea maximum number of characters

Textarea maximum number of characters

In this tutorial we will have a look at the way of limiting the number of characters in the textarea with the number of remaining characters displayed next to it.

Sebastian Sulinski on 16th Oct 2011

DemoRead now!
Position of the cursor within the container

Position of the cursor within the container

In this, short tutorial we will learn how to obtain the position of the cursor within the specific container using jQuery.

Time: 09:60 min

Sebastian Sulinski on 13th Oct 2011

DemoWatch now!
Time difference function with PHP

Time difference function with PHP

In this tutorial we will have a look at the function which calculates the difference between two timestamp values and returns the string like '20 seconds ago', '1 week ago', '2 years ago' etc.

Sebastian Sulinski on 9th Oct 2011

Read now!
Increase website performance with Apache mod_deflate

Increase website performance with Apache mod_deflate

In this tutorial we will learn how to use Apache's mod_deflate in order to compress the output from the server before sending it to the client over the network.

With mod_deflate you can compress files to approximately 20% - 30% of their original sizes, save your server traffic and increase the performance of the website.

Sebastian Sulinski on 7th Oct 2011

Read now!
Obsolete features in HTML5

Obsolete features in HTML5

Today we will have a look at what tags and attributes have been removed from the HTML5 specification and will no longer validate in conformance checkers.

Sebastian Sulinski on 6th Oct 2011

Read now!
Video in HTML5

Video in HTML5

This short guide explains how to easily embed a video on the web page using the new features introduced in HTML5.

Sebastian Sulinski on 4th Oct 2011

DemoRead now!
ssdLight : Simple Lightbox with jQuery

ssdLight : Simple Lightbox with jQuery

In this series we will create a lightbox with jQuery called ssdLight. Lightbox allows us to show the large image with the background of the page faded out. Our finished product is called ssdLight and is compatible with all major browsers.

Time: 61:46 min

Sebastian Sulinski on 3rd Oct 2011

DemoWatch now!
Center object on page with jQuery

Center object on page with jQuery

In this tutorial I will show you how you can easily center the object (form, div etc.) on the page using CSS and some jQuery. You will also learn how to update the position when browser window re-sizes.

Sebastian Sulinski on 30th Sep 2011

DemoRead now!
markItUp and PDW File Browser

markItUp and PDW File Browser

markItUP is a JavaScript based markup editor, which I personally find very useful. One thing it lucks however is the file browser, as by default Image button asks for the path to the image.

This tutorial explains how you can connect the default Image button to the PDW File Browser and enjoy the nice features of both plugins. This approach is also suitable for any other Standalone installation of PDW File Browser.

Time: 28:56 min

Sebastian Sulinski on 25th Sep 2011

Watch now!
Blend image with Photoshop

Blend image with Photoshop

In this tutorial we will have a look at how we can blend the image to a solid background colour in order to use it with our layouts.
This approach works with most versions of Adobe Photoshop.

Time: 04:43 min

Sebastian Sulinski on 24th Sep 2011

Watch now!