CSS Editors to Speed Up your Work

September 7th, 2009

I continue to share useful tools with you and today I’m going to give you the list of good CSS editors.
Of course there are HTML editors with CSS support and most CSS professionals don’t use any editors except Notepad, but I’m sure many of you would appreciate a more sophisticated development environment for CSS coding these CSS editors offer. Besides, if you are new to CSS, you can learn by analyzing the style sheets and using live-editing, thus getting to understand how the design is actually built up.
The idea of a CSS editor lies in combining the HTML-source code with editing features of CSS-stylesheets and the website layout within a comfortable interface. Many CSS editors also offer some additional tools and features for debugging and testing, validation and preview in different browsers and many more.

Well, here is my list of good CSS editors you might find handy:

* Free CSS Toolbox

Among the features this editor offers are error check, cross-browser compatibility check, W3C CSS validator and many more.

* Xyle

Modifying the CSS-code with this advanced editor for Mac users you’ll see the changes immediately in the browser window. Among key features are the ability to filter large CSS files using smart groups, automatic formatting and selector matching

* Simple CSS

If you are a CSS beginner you’ll like this free editor. True to its name it is really very simple.

*  JustStyle CSS Editor

This powerful and easy to use editor is highly interactive and platform independent. With this editor you are able to edit the whole CSS file or select the fragments of it and edit them separately.

* CSSEdit

CSSEdit offers real-time styling of style sheets for Mac users. The editor features W3C standards validator, live-preview, integration in web-browsers, project management and others.

* Rapid CSS Editor

This editor for Windows users offers integration with W3C CSS and HTML validators,  CSS checker and validator, syntax highlighting for CSS and HTML documents, CSS code compressor, save and open files directly from FTP, fully customizable interface and many other useful features.

Well, if you have anything to share about the above mentioned CSS editors or if you’d like to give us a hint about the editor that wasn’t named in the list, do not hesitate and let us know in the comments below.

More CSS Tools to Boost Your Productivity

July 22nd, 2009

As you may remember I already gave you the list of useful CSS tools, but I’m sure being a professional you will be glad to get more tools that can save you time and ease your work. Thus, here is the new list of even more helpful CSS tools for you:

CSS Optimizers and formatters

* CSSTidy
This is an open source CSS parser and optimiser.

* CleanCSS
Based on CSSTidy CSS optimizer and formatter. Very powerful tool.

* Online CSS Optimizer
Well, you may have already guessed – this is an online tool for CSS optimization.

* Format CSS Online
Great online tool to automatically format your CSS to be easyly  read and edited.

* Webucator
This CSS reference will allow you to test your CSS code.

CSS Forms

* CSS Form Code Maker
This tool generates ‘Colorful Box Layout’ for your forms.

* Korhoen Typeviewer
This is a viewer to give you a look at your CSS typesetting and if needed to adjust it to a better readability.

CSS Generators

* CSS Menu Generator
This is a fastest way to create simple menus. The tool generates 4 different types of menus, you can edit text, links, and colors.

* CSS Frame Generator
This comfortable tool allows you to easily create a “framed” design using only CSS.

* CSS Button Generator
Creating stunning buttons is very easy with this tool. All you have to do is to choose the background colors, border colors and enter the text and that’s it – your buttons are created.

This was a short list of some CSS tools you will definitely find helpful. You can be sure there will be more lists like this one. What tools would you like to see featured in them?