7 Free CSS Editors

I have always used Dreamweaver. I love it. But it is expensive. So, I have been thinking, what FREE CSS editors are available?

Simple CSS

Free CSS EditorsFeatures :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)

Free CSS EditorsFeatures :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

Free CSS EditorsFeatures :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”

Free CSS EditorsFeatures :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

Free CSS EditorsFeatures :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

Free CSS EditorsFeatures :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

Free CSS EditorsFeatures :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.

(648 Posts)

Paul Andrew

Paul is the founder and editor of Speckyboy Design Magazine. He has many years experience within the web design industry and a passion for the latest web technologies and design trends. He lives in the small town of Inverness in the north of Scotland. Follow him on Twitter.

Comments

  • khan256

    Notepad++ on sourceforge… TextFX plugin does nearly any text manipulation, including this. (TextFX -> Edit -> Delete Blank Lines (or Delete Surplus Blank Lines)

  • gnrsu

    like Simple CSS better !!!

  • Anon

    “Cannot import. SimpleCSS does not support @rules”

    -Moving onto the next one to try…

  • Faagerholm

    A complete novice myself, I’ve been getting into web design with Hammerkit’s toolset. It includes an inbuilt CSS editor that has made it very easy for me to understand the whole concept of CSS and how it all links together on a website. 

  • Lisa Quinton

    Can ya put a link in … thanks.

  • talwinder

    web expression is good ,for live css editing

  • Darren

    do you have to know CSS to use the editors?

  • I still stick with dreamweaver, but I’m kinda hoping to find a tableless css editor that has the capability to drag and drop elements of css. something like that.

  • Edegagne

    Yeah, if you’re approaching retirement age. I suppose you still use a rotary telephone and don’t believe in cell phones too.  :)

  • trolog

    People feel the need to say that to give the impression of a super programming god, however it makes you look foolish as nobody on this planet no matter how good at coding they may be could develope a website quicker and as professionally as the best website packages out there using simply notepad, while I’d use notepad for certain things a few tweaks here and there, the idea of making a website using it would be counter productive.So! There for it’s not the best webtool for anything really is it?.

  • Alex Aslin

    I prefer NVU for HTML editing and Notepad for CSS.  I feel that it is important to use classic tools to build a website rather than builders and wizards.  To me they take all the fun out of making a site.

  • GingerDan

    I just love how notepad highlights the different languages and picks up errors, and, oh wait… Sorry, my mistake.

  • Diegomaradona

    I try codebloster and how much I love it !! I’am a huge fun 

  • Nasir Uddin

    Dreamweaver is the best

  • Old Coot

    While I don’t agree about the notepad comment, I also think you are a snot-nose kid who has a whole lot to learn.

    You may think those of use who have been around awhile are out of touch.  You think wrong.  We have forgotten more about IS than you ever knew.

    More that that, we CAN use notepad very efficiently.  We have written and maintained huge (100,000+ line) programs in editors with less functionality than notepad…and spent less time debugging it than you do using a WYSIWYG development suite.  Can you do that?

    Oh yea, and our code is much more efficient than what modern tools generate.  I mean hey, we grew up making stuff work on computers with less memory than your Ipod.

    So blow that snot out of your nose and wipe the back of your ears dry.  Make friends with an old developer and you just might learn a thing or two about good coding skills.

  • Old Coot

    While I don’t agree about the notepad comment, I think
    you are a snot-nose kid who has a whole lot to learn.

     

     

    You may think those of use who have been around awhile are
    out of touch.  You think wrong.  We have forgotten more about IS than you ever
    knew.  More than you ever will know if you don’t smarten up.

     

     

    More that that, we CAN use notepad very efficiently.  We have written and maintained huge (100,000+
    line) programs in editors with less functionality than notepad…and spent less
    time debugging than many do using a development suite.  Can you do that?

     

     

    Oh yea, our code is also much more efficient than what modern
    tools generate.  I mean hey, we grew up making
    stuff work on computers with less memory than your Ipod.

     

     

    So blow that snot out of your nose and wipe the back of your
    ears dry.  Make friends with an old
    developer and you just might learn a thing or two about good coding skills.

  • what about adobe css editor

  • Asdfasdf

     Do you really think, that you can be good programmer with notepad?
    Edegagne did well comparing rotary telephone and phone cells. For example Every tool which has auto-complete function is much more effective tool than notepad.
    Wake up!
    Customer does not pay for you for writing. He/She pays for web pages which  work.
    Autocomplete function save my time, which I can use to learn more advanced technology

  • alpha1000

     thanks for the postings … was very helpful … I had stumbled onto a nice public free template … BUT … right smack at the top was this pic of forests … nothing to edit via the usual HTML, even removing the .gif didn’t help … so I knew it was time to go for editing .css …. your site tipped me off that I did not have to buy any of the programs possibly … because I noted that little ‘ol Notepad would actually read those supposedly so complicated .css files …. and so in one of the .css files I found this:

     
    #hdr {
     padding-top: 125px;
     background: #fff url(headerlogo.gif) no-repeat;
     }

    and I deleted it, then re-saved the .css file …etc.   and on reload … is NO MORE FOREST thingy at the top … everything is nice and smooth … YAY! 

  • tlyoq

    For HTML, which is mostly about conceptual organization, I admit you only really need a text editor (though why you’d use notepad instead of notepad++, vim or emacs is beyond me). But real-time display and sliding color/value selection are going to mean a lot for CSS.

  • do u know what year is this?

  • I like these

  • Dann

     And therefore Notepad2 exists. Jesus, people.

  • mdbobbo

    notepad is ok but I use the freeware versioin of NoteTab lite, it’s got more addons than explorer, but still I’m here looking for a WYSISWYG html5 and css editor. how about being nice and accept people humor and get on about talking about what we really want

  • Verena_techie

    from another ‘old’ programmer, I can type faster than autocomplete! I’ve used several ‘notepad’ like editors very successfully, coded from command line database cubes etc, yes, we have forgotten more than you will ever know and coded very efficient programs without plugins written for us, we did it all! Now we are doing it still and just as efficiently. No rotary and I have a great data phone that I can SQL program on….

  • None of them will download and work…

  • Aptana is an excellent one, that has a lot of capabilities, if you have a lot of knowledge in coding this is for you, works like a dream.

  • DGit

    A good name for such people is jaloppies

  • clod

    My choice is Codelobster