Roundups are a popular way to list inspirational design, plug-ins, any other information that would be useful for web designers. I wanted to take the opportunity to show a roundup in an interesting way using jQuery and an HTML image map. Click the "View Live Demo" button below to see it in action.

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.