Scroll page back to the top

Web Design Tutorials

 
 
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.

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.

Sebastian Sulinski on 24th Sep 2011

Watch now!
Dependable dropdown menus with jQuery and PHP

Dependable dropdown menus with jQuery and PHP

Today we will take a look at how we can create a dependency between the dropdown menus in our form.
Based on the previous selection, the following menu is filled in with relevant data and so on. In order to create it we will use jQuery.getJSON() method and PHP with PDO and MySQL database.

UPDATE
For those of you who require a bit more advanced version of this script - I've also authored the jQuery plugin, which you can get either from github or npm with demo being available here.

Sebastian Sulinski on 23rd Sep 2011

DemoWatch now!
Useful Linux shell (ssh) commands

Useful Linux shell (ssh) commands

Today I will give you an overview of a useful ssh commands, that every web developer should be familiar with.
We will have a look at how you can copy files and folders, how you can move them from one location to the other, how you can remove folders and files, how you can change permissions and ownership of the folder and a few more commands that will make your life easier when dealing with your files on the Linux web server.

Sebastian Sulinski on 22nd Sep 2011

Read now!
Html Tooltip with jQuery

Html Tooltip with jQuery

Tooltip allows us to show some essential information, which cannot always be displayed directly on the page.
It is a useful feature, and if wisely used - it can enhance the usability of your website.

Today we will have a look how to create a Tooltip with HTML elements such as images, headings and paragraphs using jQuery.

Sebastian Sulinski on 21st Sep 2011

DemoWatch now!
MySQL counting, total, average and value range

MySQL counting, total, average and value range

In this short series we will have a look at the very useful functions inside of MySQL database, which allow us to deal with numerical values such as quantities, prices etc. We will have a look at COUNT, SUM, AVG, ROUND, MIN and MAX functions in order to get totals, average, minimum, maximum values and price range from our books table.

Sebastian Sulinski on 19th Sep 2011

Watch now!
MySQL INSERT INTO SELECT and TRANSACTION

MySQL INSERT INTO SELECT and TRANSACTION

Today we will have a look at MySQL and its INSERT INTO SELECT statement in order to copy records across to another or within the same table as well as TRANSACTION statement, which allows us to execute several SQL statements in one go.

Sebastian Sulinski on 15th Sep 2011

Watch now!
Scroll to the top of the page with jQuery

Scroll to the top of the page with jQuery

Today we will have a look at how to create a button, which, when clicked scrolls the page right to the top.
To create it we will be using jQuery's animate() method.

Sebastian Sulinski on 13th Sep 2011

Read now!
Export MySQL table as CSV with PHP

Export MySQL table as CSV with PHP

Today we will look at how we can export MySQL table and its specific fields as CSV file using PHP. Our export option will allow you to select the fields you wish to export after initial selection of the table from the database.

Sebastian Sulinski on 12th Sep 2011

Watch now!