Tim TrottTim TrottDon't let your dreams just be dreams

Web Design

Our Web Design Tutorials contains resources to help you get started in web design and useful tips for designing an effective, high quality web site. The tutorials cover technical coding as well as graphic design, colour theory, typography and performance.


HTML Character Codes – ASCII Entity and Unicode Symbols
24/05/2011Web Design
This is possibly one of the most comprehensive HTML Entity Codes and ASCII charts on the web, featuring ASCII codes, HTML symbol entities, unicode/ISO numbers, dingbats and extended ASCII character codes. This ASCII chart is especially helpful in obtaining W3C XHTML validation due to errors caused by invalid characters.
What are the types of website available
11/05/2011Web Design
A list of the many different types of website and how each is used on the internet to form online communities.
There are no disasters, only opportunities. And, indeed, opportunities for fresh disasters.Boris Johnson
Web Color Chart – Hexadecimal
05/10/2010Web Design
A collection of nearly 300 rainbow colours to provide inspiration to your web designs.
Web Safe Font List
23/05/2010Web Design
Here you can find a list of the standard set of fonts common to all versions of Windows and their Mac substitutes, referred sometimes as "browser safe fonts" or "web safe fonts". This list can be used to ensure that the fonts you use on your website designs will look similar on all platforms.
What is XML?
26/02/2010Web Design
XML has become so integrated with the web, and even Microsoft Office, that XML is hardly a buzzword any more. XML forms the core of Microsoft's .Net Framework as well as being an accepted format for data exchange across multiple platforms.
Embed Google Maps on your Website
08/02/2010Web Design
Google offers a multitude of methods for adding rich interactive maps to your websites from basic copy and paste code to a full API for a completely custom user experience. This tutorial gives you an overview of the methods and shows you how to get started adding maps.
XHTML Transitional Skeleton
25/01/2010Web Design
I'm always creating basic html pages by hand, writing out the same skeleton code time and time again. I've decided to create a page with some basic html which I can now use to copy & paste to save time. Here is the most basic XHTML framework where you can just fill in the blanks.
Top 10 Online Developer Tools
23/12/2009Web Design
A top ten list of online developer tools that are my most used online resources and tools for web development and design. This list is in no particular order.
CSS Message Notification Bars
27/05/2009Web Design
Quick CSS Snippet to show a pretty message notification bar/box with an icon. These message bars are commonplace nowadays, and I use them quite a bit in my designs because they are an important way to attract user attention.
CSS Conditional Comments
19/05/2009Web Design
Using Conditional Comments to detect browser versions and avoid those nasty CSS hacks for Internet Explorer or Firefox.