I have always used Dreamweaver, and love it. But, I have been thinking, what are the FREE CSS editors like? So I went looking , first one I found was TopStyle Lite, it was OK, nothing special, and then tried some others.
It did get me thinking, Which is the best FREE CSS Editor available? So, over to you, what do you think?
I have listed 7 Free CSS Editors to help with your choice. If I have missed any, write a comment and I’ll add it to the list.
Vote at the bottom of the Article.
Simple CSS
Features :Simple CSS allows you to easily create Cascading Style Sheets from scratch, and/or modify existing ones, using a familiar point-and-click interface. Compatabile with Mac, Windows and Linux.
Download: Simple CSS Download Page.
TS Webeditor (tswebeditor)
Features :tsWebEditor is an editor for HTML, PHP, Perl, JavaScript, CSS and many other languages. It displays the source code colored (syntax highlight), code hint for functions, code completion (PHP, JavaScript, ASP, HTML), code browser, PHP debugger and syntax validation, help, CSS wizard, HTML tag editor, HTML syntax validation, and an easy to use SQL Designer. To view all features click here.
Download: TS Webeditor Download Page.
A Style CSS Editor
Features :Visual easy-to-use interface ; Graphic tree-type view of attachment files and the CSS structure ; Grouped view of properties and selectors ; Automatic selection and grouping of CSS selectors from a markup language document ; Source CSS, HTML, XML highlight code editor ; Active preview current selectors and documents with IE and Mozilla support ; Clean up HTML document via CSS ; Icon associate dictionary ; Copy, Paste and Cut operations ; Drag and Drop operations…
Download: A Style CSS Editor Download Page.
CSSED – “A GTK-2 CSS Editor”
Features :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, its 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.
Download: CSSED Download Page.
ELEDO – Eledicss
Features :Eledicss is a CSS2 editor (GPL licensed) implemented as a server-side PHP script. It allows editing CSS files using a web browser.
It can be installed both on UNIX and Windows webservers. It was tested on PHP 4.1.2 on server side, and Mozilla 1.0 on client side. Eledicss should safetly work on all PHP 4.X versions.
Download: ELEDO Download Page.
JustStyle CSS Editor
Features :JustStyle CSS Editor is full-featured, yet easy-to-use, software for webmasters. It is a specialized style sheets development environment, featuring everything needed to develop and deploy cascade style sheets. JustStyle CSS Editor provides an interactive user interface and presents CSS properties in special wizards and generic value lists.
Written entirely in Java, it works on different platforms, such as Microsoft Windows, IBM OS/2, Linux, Apple Mac OS, Mac OS X and others.
Download: JustStyle CSS Editor Download Page.
TopStyle Lite
Features :Click here to read the differences between TopStyle Pro and TopStyle Lite. This small freeware version still has plenty of power for most CSS editing.
Download: TopStyle Lite Download Page.
[poll id="2"]
48 Comments › Leave yours
Leave a Comment
14 Trackbacks
- Selección de 7 editores de CSS gratuitos » Cosas sencillas
- Selección de 7 editores de CSS gratuitos
- 7 editores CSS gratuitos
- Editores CSS gratis
- Discover The Best Of The Web In September 2008 - Opensource, Free and Useful Online Resources for Designers and Developers
- 21 Most Wanted And Essential Resources Specially If You Are Developer - Opensource, Free and Useful Online Resources for Designers and Developers
- Nên dùng cái gì để soạn thảo C, HTML, CSS, Javascript, Java, C# | Oh I see
- 21 Most Useful Free Resources For Designers And Web Developers | SulVision
- del.icio.us entre 15.10.2008 e 02.11.2008 | Fábio Caparica
- Links KW46: CSS Editoren, Webdesign & Farbe, Redesign Beispiele,… » webdesign joomla online business marketing geeks und das web 2.0
- 7 Free CSS Editors, Which Is the Best? You Choose | WhiteSandsDigital
- Naučite CSS u par minuta. | Kroativ
- css wp question - Page 2 - Small-Business-Forum.net
- Stylizer – freeware CSS editor lets you craft gorgeous websites…maybe - The Red Ferret Journal
RSS via Email
We are a proud member of the...
Are you one of our Facebook fans?
We are optimized by...
15 Sep, 2008
Notepad++ is my tool for all: PHP/HTML/CSS/Java/C/C++ etc. and I’m really pleased with it!
15 Sep, 2008
Haven’t try it yet..
15 Sep, 2008
I prefer use Aptana, its a wonderfull IDE.
15 Sep, 2008
Coda, IMHO, is my choice.
16 Sep, 2008
you missed one of the best.. CODA 1.5
16 Sep, 2008
I second Aptana, it rocks for CSS.
16 Sep, 2008
What about firebug?
17 Sep, 2008
Hi, I found your blog on this new directory of WordPress Blogs at blackhatbootcamp.com/listofwordpressblogs. I dont know how your blog came up, must have been a typo, i duno. Anyways, I just clicked it and here I am. Your blog looks good. Have a nice day. James.
23 Sep, 2008
I really happy with PSPad. Just ctrl+space and you have auto-completion for many languages. I tried Aptana wich is great for PHP, but is not such a big deal for CSS in my opinion.
I’m quite interested in TS Webeditor. I’m gona try it right know and give you some feed back.
I hope to see the result of this test. Great idea. thx
2 Oct, 2008
firebug
2 Oct, 2008
It’s not free, but on Mac CSSEdit is definitely worth the 30 Euros. On Windows, all my coding is handled in Notepad++ (free).
2 Oct, 2008
PSPad for everything (PHP, JavaScript, CSS, XHTML)
2 Oct, 2008
I’m using eclipse and the WTP for web development. It’s of cause really heavy weight, but it features good editors (syntax highlighting, outline view, code completion, code templates, code folding) and useful things like a svn plugin (do you use a version control system?)
25 Oct, 2008
Notepad ++ for Windows is one of the best for everything, but the best css editors without any doubt are only for mac OSX: Coda, CSSEdit (the best) and Textmate. These are just awesome!
6 Nov, 2008
wow…. thats all is good thank for the information
16 Nov, 2008
Honestly, none matched up to my expectations. The one with promise of potential, and of note, was JustStyle CSS Editor. I’d like to see the Author improve upon it, or somone taking over the project and expanding it, while maintaining the easy to use interface.
1 Feb, 2009
Notepad++ is defiantly best. you can change the language (ie. html, css, java, javascript and many more) depending on how complicated your coding is it will auto-close tags and so on. try it guys!
Link:http://notepad-plus.sourceforge.net/uk/site.htm
14 Feb, 2009
Try my program aswell. It can use TinyMCE, so only very basic CSS or HTML knowledge is needed.
If i need to convince you to try this program, goto freedomeditor.com, click documentation and view the Tutorial about creating a new HTML document.
25 Feb, 2009
are H1 tags embedded in ccs style sheets? is that why in web ceo i have none to edit?
5 Apr, 2009
thanks,I have found free editor from here when I was building my website:www.webmasterclip.com
3 May, 2009
nice list.. thanks..
17 May, 2009
Thanks for this list…. I also use dreamweaver, but for CSS editing on the go I prefer Notepad++
Gr, Edgar Leijs
27 May, 2009
Better dont use this type of external editors…
3 Jun, 2009
I use Kompozer…
I will check those you mentioned…
Thanks,
25 Jun, 2009
Probably, the softwares listed above are the best freeware css editor of ever.
Anyway I would suggest a new one: ArduoCss from http://www.arduosoft.com. Free,fast and easy-to-use.
2 Jul, 2009
Notepad++
13 Jul, 2009
Well as a part time guy – I really don’t appreciate any of these. I have found that once I have the general layout set, it is easier to just continue using my text editor.
25 Jul, 2009
How about rapid css and there is software call stylar which help me lots to creating blogger templates
5 Aug, 2009
Don’t like Dreamweaver or styleMaster which having too many menus.
Along these days I just prefer to use Programer’s Notepad.
But today I have search some other alternatives.
Thanks for your information.
23 Aug, 2009
I think notepad is the best.
shikher
9 Nov, 2009
For me Notepad++,CSS and Php Editor its good,easy to use and its totally free.
http://emag.joreeldiaz.com/free-php-editor-notepad/
1 Dec, 2009
Zend Studio 7
download the trial and then activate using this:
BlackBox
30505BF0C6801058BF0C6801
6 Dec, 2009
Oiko is the best imho and it runs from portable media. and it is free. also no import of the CSS file is needed it can be set to the default editor.
11 Dec, 2009
Rapid PHP Rocks
8 Jan, 2010
I couldn’t live without top style lite, really
9 Jan, 2010
Cream as a subset of Vim. Any OS, any language, any preferences.
9 Jan, 2010
Hi,
any css free editor that has color picker with the possibility of import palettes and add them to the color picker?
any that has a color generator?
Javi
10 Jan, 2010
@tirengarfio, Check out Oiko as color picker and a lot more features
15 Jan, 2010
What about Stylizer?
One of the best, and lite version is free.
21 Jan, 2010
So I downloaded Amaya and right away I tried to find the attributes of an item and the help file says select the item and press F2. That doesn’t work.
So I tried topstyle and the tutorial starts off having me create a blank style sheet. then says “find the drop down to define the kind of style sheet” Can’t see it anywhere. It says press shift F9 and that brings up a file explorer window on the right.
Is it too much to ask of a WSIWYG editor that there be an obvious way to drop box on the page, size and place it? (Not a table, I want to use CSS, like everyone says I should be.)
25 Jan, 2010
I use free PHP/HTML/CSS/JavaScript Editor – Codelobster PHP Edition
It also has HTML code inspector like FireBug has.
24 Feb, 2010
CSS is approaching new levels of developer convenience. Variables inside css is a suggestion myself, and many others have had. In the meantime it’d be nice to see an editor which could support tracking these vars maybe in css comments or external file. The purpose would be quick insertion for commonly used css properties. None of these editors nor others I have researched provide this. Just my opinion ;)
17 Mar, 2010
Have you seen CSS Spy? This one is an all comprehensive editor- no tags forgotten.
http://www.puntoequis.com.ar/aktive/default.aspx?SC=SOFT&ID=CSSSPY
25 Mar, 2010
nice editors.
14 Jul, 2010
People shouldn’t mention Coda because it is no longer free. While it used to be the best, the fact they ask for $99 kind of changes things. I can’t blame them as it is a good editor, but its certainly not worth the price. The editors he has provided are very good and FREE
16 Jul, 2010
notepad ++ is best
20 Jul, 2010
ive tried many script editors – pspad, context, textpad, notepad. some of them dont have preview in browser function (context), or have a nag screen (textpad), or crappy syntax highlight colors (notepad). so far codelobster was the best one. im so happy with it.
6 Aug, 2010
Notepad++ is great, Firebug is great(and with firebug, you can add PageSpeed to optimize loading, cut out all of the unnecessary javascript, etc that makes pages “lazy”), but I do an enormous amount of very high end web design, so when I am designing really “important”, very well paying client’s sites, I use Adobe CS5 Master Collection.