MySQL Logo

The Basics of MySQL

MySQL is the world's most popular open-source database. It has many powerful features and yet MySQL is simple to set up and easy to use. In the following…
Section of PHP code for collecting form data

How to Receive Form Data

There are numerous ways of sending the data generated from contact forms to an email. I'll be looking closely at three different form types here. Firstly a…
Section of PHP code for collecting form data

Useful HTML Symbols

The character entities in the lists provided here are certainly less common than those found in previous articles, but some can save you a lot of time and effort…
A typical magazine layout format

CSS Magazine Layout Styles

The CSS layout design showcased here has all been inspired by newspapers and magazines. Whilst it is easy to argue that screen and print layouts are very…

Typography Tips

So here is a quick refresher course on the most important aspects of typographic design for both web and print. I'll be covering all the fundamentals with detailed…
A Data Chart

Free Data Visualisation Tools

When it comes to displaying data, there's a pleathora of apps, plugins and software out there on the net that will assist you to do it beautifully. Of…
A clip from an HTML5 racing game

The Top Ten HTML5 Games

HTML5 games are video games that is played over the Internet using a web browser. Browser games can be run using standard web technologies. The creation of such…
A Bright Illustrator Pattern

Creating Patterns with Illustrator

In this article I'll be demonstrating a few different techniques for creating surface pattern designs in Adobe Illustrator. The skills required to create the…
Accessability testing keywords

Website Accessibility Tests

Web accessibility means having a Web for everyone, and is directed specifically to People with disabilities. Disabilities may include: auditory, physical, speech…
Six images in a grid

More CSS Hover Effects

A hover-effect can be seen when a mouse rolls over an image or element which is set to trigger such an event during the :hover state (usually). When seen on a…
A networking connections diagram

More Social Widgets

Social media has relatively humble origins, beginning as a novel way for people to connect online. It has become an indispensable part of how websites and businesses…
A parallax image of the screen cut horizontally

Simple Parallax Scrolling

Parallax scrolling is a web site trend where the background content (i.e. an image) is moved at a different speed than the foreground content while scrolling…
A three-section slider carousel diagram

A Collection of Slider Plugins

A slider slides the images horizontally or vertically (usually horizontally) usually with a momentum effect. The images slide into view always facing you. A…
Two Radar Charts

Radar Charts

A radar chart is a graphical method of displaying multivariate data in the form of a two-dimensional chart of three or more quantitative variables represented on…
Responsive website on devices with overlay of human brain

The Psychology of Web Design

There are many, many aspects of psychology in relation to web design, far too many for this short article so I'd like to focus on just a few. Since I have previously…
A movie with subtitles

Adding Subtitles to HTML5 Video

We’ve been able to play video in the browser without a plugin for a few years now, and whilst there are still some codec problems in some browsers, things appear to…
A vast collection of cabeling

Where to Promote Your Website Online

This question no longer has a straight-forward answer in this day and age of the web. It's a much more complex affair and involves a lot of leg-work on your part…
css code

CSS Snippets

Here's another collection of little CSS snippets that may just delight and amuse — that's the idea anyway. We'll be taking a look at some hover effects, some…
Sass logo and stylish graphic

SASS Basics

SASS can seem just a little complicated at first with it's strange command-line interface and it's collection of programming terms. But stick with it and your perseverence shall be amply rewarded…
A nice neat contact form

Styled Forms №1 The Contact Form

A well styled contact form can make all the difference between gaining a new contact or losing them. If a visitor is faced with a dull or over-complex form, then…
Front and back of a book

PSD Book Mockups

It happens quite often within graphic design — advertising images are urgently needed before a product (in this case a paperback or hardcover book)…
An interconnected network of links

Specialised Alternative Browsers

You spend more time in them than you'd care to mention… So isn't it about time you found your ultimate browser? The Big Alternative Browser List below may help you along…
A smart small business office

Web Pages for All Small Businesses

What pages should I have on my website? Is generally the very first question any small business owner asks me at the beginning of a new website build. Now, to be perfectly…
css code

Responsive Sidebar Navigation

The Responsive Sidebar Navigation, aka, push navigation, off-screen navigation, off-canvas navigation, call it what you will has become increasing more popular in the…
A long detailed form in three parts

Responsive Retina-Friendly Navigation

Today I'm taking a look at the tutorial on Codrops for the Responsive Retina-Friendly Navigation. It's quite a bulky navigation solution which utilises menu icons…
Sass logo and stylish graphic

Typographic Tools for Designers

SASS can seem just a little complicated at first with it's strange command-line interface and it's collection of programming terms. But stick with it and your perseverence shall be amply rewarded…