Free Web Design Tools: CSS Editors
TopStyle Lite
TopStyle Lite is a simplified version of its bigger brother, TopStyle. Although it provides a smaller selection of features,
it's still a powerful style sheet editor that enables you to confidently and accurately create cascading style sheets, which
can then be implemented into your website.
The burden of producing style sheets that are cross-browser compatible is eased by the inclusion of a multi-browser style
checker and validator. This not only alerts you to invalid entries in your style sheets, but will highlight any bugs in
popular browsers that may affect the style sheets' display.
It can create a basic style sheet from an existing HTML file, and all you need to do is simply apply styles to all the
relevant tags in this document. Properties can be altered using the drop-down menus, or through manual entry. Any property that
isn't supported by the current CSS definition will be highlighted in red, enabling easy location of errors later on.
The interface is extremely adaptable, enabling you to preview the current style sheet from within the editor itself and locate
elements within the style sheet easily and quickly.
In fact, TopStyle Lite makes every aspect of CSS creation extremely easy. If you're an old hand at style sheets you'll be
surprised at the time this package will save you. And if you're a novice you'll be grateful for its error reporting aspect.
EclipseStyle
EclipseStyle releases web developers from the shackles of using Notepad as their CSS editor forever! Now virtually any
attribute of a stylesheet, or even a web page, can be updated immediately. Sure, a few stylesheet generators are out there,
and they are perfectly fine, if you never want to make any changes, already know the names and values of all of the CSS
attributes, and love working with a grid of 100 lists.
EclipseStyle puts other stylesheet editors to shame with its features such as a preview window, intuitive tabbed interface,
and much more. It even includes an introduction to stylesheets if you are unfamiliar, as well as complete tutorials and
references to the EclipseStyle interface. EclipseStyle also features a code window for seeing what your style looks like in
good old CSS code, automatic organization of your existing stylesheets, and extracting stylesheets from existing web pages.
Try EclipseStyle today, and see what stylesheets can do for your website, and how easy they become with EclipseStyle!