DesignBlab! The Web Design Blog

The following is 13 top tools for web design and development using XHTML/CSS technology. They are designed to save time and increase your productivity. Best of all, they’re FREE too! I have collected only the best that I can find, so I hope you like this list! Bookmark it if you like it :)

CSS Code Optimizers/Formatters

Clean CSS - Optmize and Format your CSS
This is my personal favorite! It has multiple levels of code compression, balanced with readbility.

Pretty Printer for PHP, Java, C++, C, Perl, JavaScript, CSS
This does exactly what the name says. It’s quite good for code formatting, if you’re and efficient (lazy) person.

CSS/XHTML Layout

CSS Creator
Useful tool for quickly creating up to 3 column/row layouts.

CSS Layout Generator
This is an alternative to the above. It looks much neater though.

Rounded Corners Layout Generator

This is a quick and easy tool for making rounded corners in a <div>.

Fonts using CSS

Typetester
This is THE tool for CSS Fonts. It allows you to compare up to 3 CSS font styling, side by side.

Font Tester
This is an alternative to the above tool. Still pretty cool!

EM/pixels Calculator
It converts size in pixels to relative em units, which are based on a text size.

Form Styling & Generators

Form Style Generator
This allows you to easily style your form in real time. After styling, just download the CSS code and apply it to your form!

HTML Form Generator
This is a superb user-friendly HTML form generator. You have to try it! Good if you can’t run PHP.

PHP Form Generator
An alternative to the above. It is much more flexible, with extra’s like Captcha to prevent those spammers.

CSS Hexadecimal Colors

CSS Color Chart
This is a useful color chart - good if you always wonder which color the hexadecimal represents.

Color Extractor
This is a very useful tool, if you wonder what colors your competitors use on their website. Maybe that’s why they’re getting more customers!

Share with us!

I hope you liked the best web design tools list. If you know more useful tools that I missed out, share it! Also be sure to bookmark/share this page :) Thanks for your support!

Related posts:

1. 19 Great Web Design Tools Everyone loves tools that speed up their work and gives...

Related posts brought to you by Yet Another Related Posts Plugin.