HTML & Web Design Hints

Colour Wheel - ColorImpact by Tiger Color

Invest in a colour wheel like ColorImpact by Tiger Color. This is a fantastic software program that allows you to see color theory in action. With Color Wheel Pro, you can create harmonious color schemes and preview them on real-world examples. This is a must if you are serious about doing design work and one of the best colour wheels I have found.

It is worth the investment. You can buy and download from Tiger Color's own website: http://www.tigercolor.com/

What is color theory?

Tiger Color Wheel Color Theory is a set of principles used to create harmonious color combinations. Color relationships can be visually represented with a color wheel — the color spectrum wrapped onto a circle.

The color wheel is a visual representation of color theory. According to color theory, harmonious color combinations use any two colors opposite each other on the color wheel, any three colors equally spaced around the color wheel forming a triangle, or any four colors forming a rectangle (actually, two pairs of colors opposite each other). The harmonious color combinations are called color schemes – sometimes the term 'color harmonies' is also used. Color schemes remain harmonious regardless of the rotation angle.

Coloured Scrollbars

Here is the code that tells you how to make coloured scrollbars & what each part of it does. You can check against the picture to see the results of the various parts of the script. THe code can either go as it is in a Cascading Style Sheet (CSS) which is easiest or in the HEAD section of your HTML code in STYLE tags.

body {	The body tag is where the code goes!
scrollbar-face-color: #0066FF;	Face color of the scroll bar & arrow buttons top & bottom
scrollbar-arrow-color: yellow;	Arrow at top & bottom colour
scrollbar-track-color: grey;	The track that the scroll bar runs along up or across the screen - its background color is managed with this
scollbar-highlight-color: magenta;	Doesnt show so don't worry
scrollbar-darkshadow-color: red;	Outside line on right and bottom
scrollbar-3dlight-color: green;	Outside line on left of scrollbar
scrollbar-shadow-color: pink;	Right & bottom right shadow line
}

Common Errors you will see

You can see a list of helpful errors by clicking here !