Here i have created a colorpicker web application that is based on the colorpicker hosted on jQuery UI’s website. To make it more useful to web designers I have added another slider to represent transparency. Additionally, the return values are now printed on the page as the sliders are moved left or right so they can be copied and pasted into your CSS file.

In this article I will take a basic portfolio website and enhance it with CSS3 properties like text shadow, box shadow and border-radius which are supported in newer browsers such as Chrome, Safari, Firefox and even the latest version of Opera. The website also has special consideration for Internet Explorer.

CSS 2.1 introduced advanced selectors with basic expressions that allow you to more easily target elements in the DOM for styling without creating extra classes in your HTML markup. Modern browser all offer support for this but IE only offers partial support in version 8. Here is a jquery plug-in to help earlier versions of Internet Explorer use these techniques.

Here is a quick web design tool which simply shows a fairly good range of hex colors arranged by the level of RGB shown as a gradient. You can copy the hex codes and use them in your designs. Visit the demo page (link below) to see it in action.

Sometimes there is not enough space to present all the information you need on a web site. Here I present a very simple tool-tip solution. In the example presented in the demo, the tool-tip will appear if you hover over a link (in this case the link is an abbreviation). The link needed further information but presenting it on the web page would have interrupted the flow of the other list items so the solution is to display the additional information in a tool tip.