Thread: What is the best CSS editor?

Hi WebMasters,
I am looking for an user friendly CSS Editor. Any good recommendation? Most important is FREE of Charge!

CSSED "A GTK-2 CSS Editor" (Open Source) for Windows and Linux

http://cssed.sourceforge.net/

This is the home page of cssed a GTK2 application to help create and maintain CSS style sheets for web developing.

cssed is a small developer editor and validator, that tries to ease the CSS editing. It is an Open Source project, it means that you can download the program but also its source.

It features syntax highlighting, syntax validation, MDI notebook based interface, quick CSS properties and values insertion, auto-completion and dialog-based insertion of CSS complex values.

Being a CSS editor, it's not limited to this language. cssed haved some support for HTML (with embbeded Javascript), XML, Javascript, Java, PHP, JSP, C, C++, Apache configuration files, .htaccess, Python, Perl, SQL, SH and other languages so it can serve quite well as multi-purpose editor.

It can be extended through plugins and scripted with Python, so it's quite easy to extend its functionality.

http://css-discuss.incutio.com/?page=CssEditors

Windows
* [Context] (Win) - Freeware - Syntax Highlighting Plug-Ins for over 200 languages (you choose which ones to install and enable) plus translations to languages besides English. Small (1.5 MB) and very fast. Supports saving to *ix format (LF only) as well as DOS/Windows (CR/LF). Too many features to list them all.
* CrimsonEditor (Win)- Freeware
* EditPlus (Win)- A shareware editor for Windows. Features supporting many languages. Includes intelligent syntax highlighting and a FTP client among many other features.
* [TSW WebCoder] (Win) - WebCoder? offers you extensive support for XHTML and CSS. The CSS tree creates an overview of an entire Style Sheet document. The Code Inspector allows you to edit both (X)HTML and CSS code using just the mouse. And with the CSS preview, it can't get much easier. You don't really need an external CSS editor (like TopStyle) anymore, since a lot of the same functionality is already in WebCoder?! When you want to validate your work, WebCoder? has integrated online validation of both (X)HTML and CSS documents through the W3.org validators. The results are displayed directly in WebCoder?.
* HTMLKiT (Win)- Freeware syntax highlighting editor for HTML, CSS, PHP, ASP, and other languages, also FTP support. Has an extensive range of 3rd party add-ins.
* [Notepad2] (Win) - Simpe to use "upgrade" of Notepad. Supports syntax-highlighing for a variety of languages, including CSS and HTML, fully customizable and easy to change preferences. Lighweight and fast to load. Standalone application. < 1MB in size.
* [Notepad++] (Win) - Simple, opensource notepad replacement with syntax highlighting for many popular languages, including CSS, HTML and JavaScript. ~1MB in size
* [NoteTab] (Win) freeware and shareware versions, similar to EditPlus with more robust clips for both HTML4 and CSS1. There's also a variety of active support lists for beginners to advanced users for help with the program, clip programming, HTML and CSS. Also integrates with TopStyle for easy CSS editing in TopStyle.
* [PSPad] (Win) - The universal freeware editor. Great tool whether you work with plain text (editor has a wealth of formatting functions, including a spell checker), you create web pages (as web authoring editor PSPad contains many unique tools to save your time) or you use it as an IDE for you compiler (editor PSPad catch and parse compiler output, integrate external help files, compare versions) and much more...
* [SitePad Pro] (Win32) - Scriptable Editor supports HTML, XHTML, XML, CSS, C#, C/C++, JSP, PHP, ASP, JavaScript, Java, VBScript, XML, FTP, Spellchecker, Template-based Generation, Project support, more...
* [Style Master] (Mac / Win) - Shareware - Powerful, dedicated CSS editor with a plethora of CSS editing and troubleshooting tools.
* TextPad (Win)- Shareware editor for Windows. Supports syntax highlighting lots of languages. Spell checking included.
* UltraEdit (Win)- Syntax highlighting editor for diverse programming langauges; includes FTP client for quickly editing and saving and Spellchecker
* Zeus for Windows - A powerful programmer's editor designed for Windows developers. Highly configurable and packed full of features.

Multi platform
* [Eclipse WTP] (Multiplatform) - THE Open Source IDE, the Web Tools Project extends support for many markup languages, JavaScript and CSS.
* [Emacs] (Unix, Win, Amiga, Mac and others). Use [CSS-mode]
* [jEdit] (Java)- Syntax highlightling for most languages, tag completion for HTML, realtime XML validation with the XML plugin, intelligent indenting, sophisticated global search and replace, unicode support. Cross platform (its written in Java) with support for plugins (many plugins are available).
* [Nedit] (X Window on *nix including Mac OS X, MAC OS2 & MS Windows with Cygwin) - Very powerful and simple to use editor, support a lot of languages for syntax highlighting including CSS, full featured search / replace, support for regexp - useful for professional coders and newbies as well.
* [SciTE] (Win32, X) - Free and open source with BSD-style license. Syntax highlighting with support for CSS, HTML, JavaScript, Perl, PHP, etc. One key preview in most browsers. One key context-sensitive help. Tabbed edit windows for working with multiple documents. Most features available out-of-the-box; some features require editing of configuration files.
* [Vim] (Unix, Win, Amiga, Mac and others) - "Vim is a highly configurable text editor built to enable efficient text editing. It is an improved version of the vi editor distributed with most UNIX systems".
* [SiteGrinder 2] (Win32, OS X) - SiteGrinder? 2 is a Photoshop plug-in that converts Photoshop designs to working web sites. All output is valid XHTML 1.1 and CSS, no tables or slicing, it supports the conversion of Photoshop styled text to styled HTML text (as well as CSS-only buttons with rollovers, hierarchical menus, forms, etc.). While not a CSS editor, per se, it's a handy tool for going from a Photoshop design to another tool like DreamWeaver?. The base output is absolutely positioned, though it does support vertically expanding documents as well as various background tiling options (for faux-columns, infinitely wide headers, etc.). Also, it never duplicates graphics, whether they appear multiple times on one page or across different pages, a pleasant optimization. It's a nice time saver.
* [IntelliJ IDEA] (Java) - Commercial Java IDE but it also has extensive support for HTML, CSS, JavaScript, XML (syntax and error highlighting, code completion, find usages, refactorings, formatting, validation, go to declaration navigation).

If something of your taste is not around here, you might want to check out:

Dedicated CSS editors
Another option is to use a editor designed specially for CSS. These generally include functions targeted especially towards Css editing, eg. real-time previews and css validation:

* [PHP Redbox13 CSS-editor] CSS-Editor in webbrowser, written in PHP and Javascript. Easy customizable GUI. Ever wanted to write CSS in your native language? Also offers a browser incompatibility solution. GPL Licensed.
* [StyleSpread] CSS "compiler" for Windows. Lets you edit your CSS in a grid-type interface instead of a text editor. Has a mechanism that works as a replacement for CSS hacking, so you can send different styles to different browsers. Lets you store your widths, font sizes, colors (etc) in variables. You can use expressions and have the program calculate some of these things for you.
* [<oXygen/> CSS Editor] (Win, Mac, Linux, Unix) allows you to edit and validate the CSS files. Different CSS profiles are supported like CSS2, CSS3, etc. and different media types like Braille or screen for instance. You can also choose the verbosity level of the validation warnings. The content completion provides property values associated with the property name. All the property names are annotated with descriptions from the CSS specification.
* [CSSEdit] (Mac) - Shareware - Fast, dedicated CSS editor for Mac OS X with code completion, preview, visual property editors, and a beautiful interface.
* [CSSED] (Unix, Linux), very nice CSS-(only)-Editor, with syntax highlighting, CSS-validation
* StyleMaster (Mac, Win)- CSS editor for Windows and Mac featuring editors for all aspects of CSS alongside a complete set of tools for hand coding. Built in browser support and CSS info and internal previewing.
* TopStyle (Win)- A shareware CSS and HTML editor by the creator of HomeSite?, with validation, code completion, selectable css profiles and many other tools.

Linux
.......

Mac
.......

Originally Posted by AsiaPartTime

Hi WebMasters,
I am looking for an user friendly CSS Editor. Any good recommendation? Most important is FREE of Charge!

if you are looking for free, i will say go for notepad. but if you have some money to spend, go for EditPlus.

-cypher.

This is cool. I don't know there is a css editor. Normally used notepad.

what's tat ladybird doin there genzy? lolz

nothing is better than notepad

It is the logo/mascot for that tool lor

This one looks really good. I haven't personally got my hands on it though. And It's free: CSSVista: Live CSS editing with Internet Explorer and Firefox simultaneously

Writing codes in Notepad is killing. No syntax highlighting makes everything so slow and hard

I personally like Crimson Editor, pretty much like Edit Plus, but its free

Me, personally just preferred Dreamweaver. They do just good enough

I was so outdated la, I never knew css editor ever exist? I mean, what good of using these program to edit the css?

notepad rocks! hahaha

Some of well known features of the CSS editors are
to provide a list of available CSS tags
to highlight for readability

notepad? lol

Originally Posted by hashie

notepad? lol

mengapa?
tak percaya ye? (like bcb ads).

believe it!

haha, anyway this tool is really interesting.. but usually i just edit css style using macromedia dreamweaver..