CSS Redundancy Checker is a very simple tool that helps you find any CSS selectors that actually aren’t being used by any HTML files and may be redundant. First simply pass in the direct single stylesheet link, and then website’s URLs that use the stylesheet. It would proceeds to look at each file in turn, and return a list of all redundant CSS selectors. It’s a great way to keep your codes relevant and thin unnecessary bulk in the CSS file. CSS Redundancy Checker is developed by freelance programmer Mike Malon.

Scalable CSS Buttons is a trendy dynamic CSS buttons script that using PNG images and transparency background colors with hovering support. Simply download the two necessary background images and Javascript, and then go to the example page for full HTML and CSS source code for implement to your websites.
Scalable CSS Buttons features:

• Full scalability in all directions;
• Using of one single PNG image for the button;
• Possibility to change background colors behind the image;
• Clean HTML markup;
• Unobtrusive Javascript;
• Pure CSS for easily styling;
• Possibility to style anchors as well as form buttons;
• Full degradability for web browsers without images or Javscript.

Iconize Textlinks with CSS is a simple CSS technique that allow you easily adding pretty tiny icons beside the text links. It’s very simple, for example if the link point to a Doc file directly then a small Doc file icon might show after it. Thereform the visitors can easily identify the file type of a link by its icon. There are almost 40 varied type small icons such as document, image, video, media and email. The CSS file has been tested successfully at Firefox, Safari, Opera and Internet Explorer 7. Download the file straightly and integrate the CSS file to your current design, and make sure correct the path of small icons. Enjoy!

XRay is a powerful bookmarklet that displays the CSS Properties of elements on any web page and can be used in Mozilla Firefox, Internet Explorer or Safari. You simply click on the Xray bookmarklet on toolbar which loads an overlay that will display all the information when web browser loads a website. The Xray box displays additional information such as CSS class id, margin, padding, position and border values and the element itself displays its width and height on the screen. It’s a great tool for web designers and developers and like XRay you can also install the Firefox add-on CSSViewer to see CSS property on any website.

Drawter is a online tool written in Javascript and based on jQuery library and was developed by Damian Wielgosik. It provides you the possibility to literally draw your website’s layout without any hand code. It’s a HTML / CSS markup layout editor that allow you quickly and simply to generate basic web standard HTML layout code such as paragraph, header or button. Currently Drawter is available in pro version, which means that it is intended for webmasters use only and knowledge of HTML and CSS is required. Highly recommend everyone to try and get fun with it.