Web Design Tutorials

Tutorials are clusters of posts that lead into one-another. Become an expert in a single aspect of web design fast.


HTML is the basis of all websites, and is the best place to start learning if you're starting out with web design. Read More.


PHP is an open-source scripting language, used by many sites to create features such as blogs, user systems, forums, and more. Read More.

Web Design Articles

Articles about the web design and web development industries. Learn how to build key features of your website.


How I'm Challenging Myself in 2015

Blog Image So this will be my first monthly update for you guys. I intend to keep these short and sweet so I can give a heads up on what's planned in the next month and what's changing. Read More.


Adding reCAPTCHA with PHP

Blog Image One of the best ways to stop contact form spam on your website is by implementing a CAPTCHA or RECAPTCHA. These are simple checks that verify whether the user is real or a bot before sending you the mail. Read More.


Pure CSS Parallax Effect

Blog Image The parallax effect gives the user a depth of field and perspective on a flat web page. This means that different elements scroll at different rates, such as a slow moving background compared to the content in the foreground. Read More.


Alternating Row Colors in CSS and PHP

Blog Image Displaying data in HTML tables is great as it provides clear structure and allows users to easily read what you're telling them. But it sometimes gets hard to determine between different rows and columns. Adding borders can help, but it... Read More.


Facebook Style PHP Chat and Shoutbox with jQuery

Blog Image Shoutboxes and chat scripts have been very popular in recent times, especially with jQuery and AJAX becoming more mainstream. This article will take you through how to create a Facebook chat / shoutbox in PHP 5 OOP, MySQL, HTML 5,... Read More.


HTML 5 and CSS jQuery Log-in and Registration Popup Box

Blog Image Registration and log-in forms are both very common features of websites. As users don't like constantly loading pages, webmasters are finding themselves calling the forms with Javascript and overlaying them over the page content. This article takes you through how... Read More.


Simple CSS Alignments with Flexbox

Blog Image Vertical centering and vertical alignment in CSS has always given web developers a headache. What makes the problem worse is that where there should be a simple answer, there simply isn't. CSS rules such as vertical-align doesn't influence block elements... Read More.


Stylised HTML Ordered List

Blog Image In CSS there are two types of lists, unordered <ul> and ordered <ol>. Both of these should cover the basic requirements for a web developer, but styling ordered lists can be tricky. Read More.


100 PR 6 Dofollow Forums to Increase Backlinks in 2014

Blog Image As a webmaster, blogger, community owner, and web developer it's important to build backlinks to your website as they have a direct impact on Google Pagerank and other search engine rankings. The most important type of backlink is a dofollow... Read More.


HTML 5 Vertical Navigation Menu

Blog Image There are two different types of navigation menus in HTML, vertical, and horizontal. This tutorial will take you through creating a stylish CSS 3 vertical menu. I'll show you how to create a basic menu, all the way through to... Read More.


CSS Media Queries

Blog Image Media queries are great, and since CSS 2 they've paved the way for responsive web design. The problem many designers now face is remembering all the different media queries for different devices. Below is a collection of my most used... Read More.


9 Tips For Making Money Online

Blog Image The other day I was browsing the internet and I came across an image by Anna Vital about how to sell. It got me thinking.. how does this relate to online businesses? Read More.