What do you use to write your CSS?

* 1/8/2008  —  136 Comments *

by: Chris Coyier

I promise I won’t go poll crazy, but since we had so much fun with the CSS Skill Level poll I thought I’d open up a new one. This one asks for your CSS editor of choice.

whicheditor.jpg

If I have omitted anything major, let me know quick and I’ll add it to the poll before too many responses come in. Cast your vote in the sidebar. Sorry (again) for RSS readers, you’ll have to make the jump to vote.

Responses

  1. Oliver says:

    My editor of choice is text mate…

    All the best, Oli

    (graphic designer and web developer from germany…)

  2. jon says:

    Coda.

  3. xxdesmus says:

    On Windows I use Notepad++ or Microsoft Web Expression.

    On OSX I use BBedit or Textmate.

  4. Matt Polito says:

    Mostly e-text editor but sometimes Dreamweaver

  5. Daryn Haynes says:

    I use a combination of Dreamweaver and the Web Developer extension for Firefox.

  6. Lindsey says:

    I used to use Dreamweaver only, for the syntax highlighting and autocomplete, but lately I’ve switched to Notepad++. Like Daryn, I also use the web developer toolbar for firefox, and the web developer toolbar for IE. I also use the Aardvark plugin for Firefox too, it’s not really a CSS editor, but you can use it to highlight different blocks and see if you forgot to close any tags, etc.

  7. Alex says:

    By “highlighting” do you mean syntax coloring? VIM? I can’t be the only one…

  8. sw says:

    i use notepad++ and recently FreeCssToolbox

  9. gene says:

    Dreamweaver is easy to use especially when doing coding for all other documents within the same pane. Trying to keep it simple.

  10. TextMate and occasionally CSSEdit

  11. A.Fruit says:

    CSSEdit rules.

    I use Coda for writing my (X)HTML, but I always thought CSSEdit was a bit nicer to use for the CSS end. Saving milestones to turn back the code to previous versions, built in validation, and a nice DOM inspector make it nice. (albeit, CODA has a few of those things).

  12. Erik says:

    I use VI.

    OK, yes, I know. Old habits are hard to kill.

    I have started using Bluefish more, but I just cannot seem to break away from VI.

  13. Hatkirby says:

    Notepad always has and always will be the best for me. So much control over what you do.

    Nowadays I use Programmer’s Notepad, however, but only because it has tabs. So you can work on many files in the same place. I use it with Autocomplete turned off, and CSS doesn’t even have syntax highlighting.

  14. Chris S. says:

    I use Notepad++ for the most part. But I also use Dreamweaver, once in a while, for it’s autocomplete functionality. I also use Firebug for figuring out what’s wrong in my page, in real time.

    I’ll have to check out FreeCssToolbox.

  15. Chris S. says:

    … and PSPad and AlleyCode

  16. If I start a design I use TopStyle because I can have IE and Firefox preview and the when It’s time to code I use e – Text Editor even for CSS, TopStyle it’s only to start.

  17. Dan Wroblewski says:

    I use Coda… since I use it for my HTML writing, I find it easier to stay within the same program to work on my CSS as well. I just use the text editing functionality for my CSS because I find the WYSIWYG CSS editor in Coda confusing… maybe it’s just me.

  18. Micecreations says:

    On Windows : Notepad++
    On Linux : Nedit
    On Mac : CSSEdit

    but i think i will try Coda soonly ;)

  19. Kyle Kinnaman says:

    Homesite… really. I’m usually editing js or html at the same time so why open another editor?

  20. chris Jangelov says:

    Top Style. I do the xhtml-coding in Top Style too.

  21. John Schires says:

    UltraEdit for everything

  22. Jeff says:

    I write out all of my CSS in hex using pen and paper (in the dark of course!), then transfer to punch cards.

    Seriously though, I used to use Textmate and then switched to CSS Edit a few months ago. Both are great options, but I really like the live-preview features of CSS Edit–enough to ditch the tight transmit integration and ability to handle multiple levels of tabbing that TM affords me.

    I’ll use vim or pico if i’m making a quick-fix and I’m already SSH’d into my server, but beyond that I think that anybody still using notepad and the like should consider the immense productivity boost that tailor-made products can give you.

  23. matt says:

    im a Coda guy. I really dig codas features.

  24. Jesse says:

    Dreamweaver w/ Firebug in FF.

  25. David Sparks says:

    I use dreamweaver but I do all my coding by hand. I use dreamweaver bc of the color coding, the customizing of colors and so that i can see the updates to my page in dreamweaver. I like using the files menu and having all my sites organized that way. helps do any updates, image changes and cuts down on trouble shooting later. plus the browser compatibility test takes the cake.

  26. David Madden says:

    CSSEdit, I really really love it.

    I tried to get into Coda for CSS, but CSSEdit just kicks ass so much.

  27. Ingo says:

    I like to have one editor for everything.
    That’s just one reason why I use Textmate for CSS, too.
    Greets, Ingo

  28. Michel says:

    E – Texteditor and Intype

  29. WanitaT says:

    Dreamweaver all the way. I hand code only and it handles all files well (.aspx, .asp, .php, .html, .txt, .ini, etc.), color codes, autofills and can be customized to exactly the way I want. Bonus – saves to hard drive and ftp simultaneously and checks to see which is more current so you don’t accidentally overwrite your work. One beautiful program that multi-tasks like a pro.

  30. Valamas says:

    Microsoft Visual Studio 2008

  31. Rich Sturim says:

    Visual Studio 2005/2008 — surprising awesome. I’ve used a lot listed above, but I alway come back to VS. It’s very fast, has great intellisense and does solid formatting.

  32. Lazlow says:

    I started with Dreamweaver (which I sometimes still use at home); then switched to Expression Web when I began work as a Web Designer. I sometimes use Notepad too, if it’s a single file.

  33. For CSS editing only, CSS Edit is the way to go. The live preview, tabs, and auto-complete save me so much time.

  34. Jon says:

    always NotePad :)

  35. NotePad standard all the way!

  36. Patrick says:

    I use CSSEdit and Textmate in combination with ZopeEditManager for live editing on our CMS.

  37. I use HTMLKit with integrated Top Style Lite.

  38. webmack says:

    homesite and firebug

  39. Michel says:

    I use Top Style Lite and Notepad++

  40. Matt says:

    I love my Notepad++. I work for a professional web development company, and all I use is Notepad++.

    Really, the only reason I love it so much is because there isn’t any bullshit. The interface is clean, there’s no distractions, the syntax highlighting works as you would expect it to, and it’s lightning fast.

  41. Aptana, Dreamweaver, Notepad…….

  42. Harold says:

    Textmate and Firebug, no question!

  43. Witti says:

    I use Coda for my CSS-Stuff

  44. koew says:

    Notepad / EditPad Lite

  45. ryan says:

    Textmate of course.

  46. Normal Notepad!!!

    Will one day move over to Notepad ++ but at moment I like no hassle and ability to control everything myself :)

  47. Taqin says:

    CODA !! It rocks..

    PS: If only they had a function to display “Live Changes” (when we save) on different browser views. So that we can code and preview seamlessly…

  48. (Windows) I used to use Topstyle, but now use Notepad++. As I develop some sites using WordPress, I’ll also occasionally tweak a style sheet using the built-in theme editor.

  49. grzybu says:

    mostly Textmate

  50. noth says:

    aptana or notepad++

  51. Sascha says:

    WeBuilder 2007 (great Code-Editor!!), Firebug and Webdeveloper in Firefox

  52. Kevin says:

    Dreamweaver, but in the Code View makes it faster to type in a few characters and then enter, move on to the next.

  53. ksienrzyc says:

    Aptana and PSPad

  54. and says:

    I always use Dreamweaver. (html, css, php, js) I like the color highlightning.

  55. Rob says:

    I Use TopStyle

  56. Laszlo says:

    I use Komodo IDE, earlier used Aptana.

  57. Willy says:

    I use GoLive from Adobe. It is far superior to any other CSS-editor I’ve ever tried, with full preview and pre-written syntax. Tried Coda and think it has potential, but lacks autocompletion and other stuff that makes your work faster and more acurate…

  58. I use EmEditor, it is a no-nonsense tekst-editor with code-highlighting for a lot of different languages.

  59. Rajko says:

    i use UltraEdit for CSS, xHTML, PHP,XML and XSLT.

  60. Robin says:

    Dreamweaver, again because of the code colouring, and also because of the auto complete – I haven’t had to manually close a tag for ages :-)

  61. Anders says:

    I use Komodo Edit for xHTML and CSS

  62. Romz says:

    On Windows : Notepad++

  63. Simon says:

    CSS edit, the best by far :)

  64. Adam says:

    Dreamweaver, Intype, Visual Studio .Net 2005 (for asp.net projects)

  65. Sammy says:

    Notepade & Adobe/Macromedia Homesite

  66. Joe says:

    Either Notepad 2 or Microsoft Expression Web

  67. syed says:

    1. TopStyle 2. Aptana 3. Notepad++

  68. Yokko says:

    Notepad++, Dreamweaver

  69. Teppo says:

    Notepad++ on Win, gedit on Linux.

  70. Peter says:

    PSPad on Win.

  71. Ashish Jain says:

    I like Rapid CSS and use it along with Dreamweaver

  72. Chris says:

    I’m a hand coder in Dreamweaver (maybe with a couple of clicks on the auto-complete dropdowns!)

    I’ve not used any of the other packages, so I’ve no ideas on pros and cons but having all my files open in one software package makes things simple.

    Chris

  73. I use a combination of Dreamweaver and Aptana.

  74. Dylan says:

    I used to use Dreamweaver, but moved over to Aptana, its just a much cleaner environment, and of course along with an assortment of FF extensions.

  75. Mohammad says:

    I use Dreamweaver

  76. camilo vitorino da costa says:

    I use E-TextEditor (similar to TextMate from Mac)
    I cant use anything else.

  77. Sean says:

    I use Notepad++ and Microsoft Expressions

  78. Paul says:

    Eclipse.

    Other wise anything from VI to Notepad to TextWrangler to PSPad to GEdit…whatever text editor I have around.

  79. PoV says:

    I use…

    * TopStyle Lite
    - Great syntax highlighting, built-in preview, supports 3rd party intergration, nothing useless.

    * Notepad++
    - Nice syntax highlighting (customizable).

    TS Lite is my primary CSS-editor. Notepad++ is for everything else.

    PS. I am just a learner.

  80. Mark says:

    on PC: TopStyle Pro
    on Mac: Coda

    I hace used Aptana, but it works slow.

  81. matt smith says:

    UltraEdit, nuf said!

  82. B2 says:

    On Windows XP, I’m using Notepad++ (sometimes TopStyle)
    And on Linux, I use Geany

  83. Michael says:

    Komodo! Use Dreamweaver at work (all the sites managed in it), but komodo at home. Its really been growing on me.

  84. dan tamas says:

    quanta almost all the time, or for fast opening krusader’s embeded editor, sometimes mc :)

  85. Brendan says:

    I like Notepad++ and jEdit

  86. Matt says:

    skedit is do bomb !

  87. Zac says:

    Textmate (for quick edits)
    CSSEdit (for fun)
    Dreamweaver (for development)

  88. L3n1N says:

    Check it out E-Texteditor (for all ye windows users) it rocks!

  89. Tvz says:

    I just started a new job and we use Vim–what a learning curve. I use Dreamweaver at home, though.

  90. Dhruv Govil says:

    I use dreamweaver because thats what I have on windows, but on a side note, isn’t it sad how the CS3 icon looks so ugly next to the others?

  91. Stephen Bunt says:

    EditPlus; been using it for years. Tried many others (including most of those mentioned above, such as Notepad++ UltraEdit) but always keep coming back.

  92. Dom says:

    Topstyle for CSS/XHTML/ASP/XSL

    firebug/webdeveloper toolbar for tweaking

    VS for .Net

  93. Nat says:

    AceHTML Pro

  94. prisca says:

    mainly Coda – coupled with CSSEdit at times

  95. StevenRay says:

    FireBug with Coda.. I like Coda for the built in Transmit. I like CSSedit too for the wysiwyg. Sometimes I catch my self using Coda and CSSedit… But I always have FireBug on.

  96. Alphabetix says:

    I hand code into Dreamweaver (I just like the layout of the program), and debug with FireBug.

  97. I’ll second the Editplus comment. I’ve used it now for about 4 or 5 years and it’s excellent. Lightweight, fast, supports RegEX, and the underlying files are user editable.

  98. Chris Coyier says:

    WOW.

    Thanks everyone very much for participating in this. The number of responses blows me away. I’ll be compiling of this information and sharing soon.

    For the record, I’m about 80% Coda (I’m all about going commando), 19% TextMate (I actually prefer TextMate above all else), and 1% Dreamweaver (Once and a while I use some really specific feature I know it does a good job with).

    I have used pretty much all these tools at one time or another – either through testing or just using it for a while to get a feel for it. Some of the things people have mentioned I’ve never heard of though, especially the obscure windows ones.

  99. Jseen says:

    “ULTRAEDIT”
    It’s the best.

  100. Gemma says:

    Coda or Dreamweaver on a mac depending on the project. On a pc I use notepad.

    I use the Web Developer and Firebug plugins on FF and Xylescope for cascade highlighting, etc.

    :)

  101. Dragon says:

    Notpad until now but after reading all these responses, I will be test-driving some others starting with Notepad++.

    Looking forward to the compiled results.

  102. Jonathon says:

    Coda & BBedit on Mac
    PSPad on PC

    sheesh your comment entry is very borked in netnewswire

  103. John says:

    Coda or gEdit in linux

  104. anon says:

    Don’t forget kate/kwrite.

  105. notuo says:

    Rapidphp (webuilder, rapidcss, rapidphp are just variants)

    Great product

  106. Lex says:

    Since I met Coda and CSSEdit, I don’t need annything else.
    Coda for complete sites and rough styling, CSSEdit for CSS only, templating and retocuhing.

  107. Kreskin says:

    I use telepathy.

  108. Fouad Masoud says:

    dreamweaver and nothing but dreamweaver so help me god :D

  109. Isaac Seymour says:

    Dreamweaver. What else?

  110. Rob Lowe says:

    I use Aptana and used to use Dreamweaver

  111. V1 says:

    Aptana studio (because its free and almost as good as dreamweaver) at work, dreamweaver at home (i get free licences for personal use :) ).

  112. Austin says:

    Win – Webuilder, Top Style, EmEditor.
    Linux – BlueFish, gedit.
    MacOS – I don’t use it )

  113. corsa says:

    TextMate + Transmit + Terminal. Also, just got CSSEdit as part of MacHeist II, so I will give that a whirl too.

    I tried and really liked Coda, but already purchased TextMate & Transmit so couldn’t justify spending more money just to have all that functionality in one app. I’m keeping an eye on it though.

  114. Firebug…. ok well that and the Aptana plugin in Eclipse when needed.

  115. Dale Hay says:

    I always use plain oldé Notepad. (Which is what I use for HTML, PHP, CSS, etc…)

  116. Dale…

    You’re doing yourself an AMAZING disservice by using Notepad. Notepad offers NOTHING in the way of productiving improvements such as line numbering, syntax highlighting, autocomplete, etc.

    HTMLKit is free, Eclipse (and Aptana) is free, there are many other free, or cheap editors out there. Do yourself a favor and try one of them.

    I’d have to say that you can’t be a professional and use Notepad as your primary editor. Note that there’s nothing wrong with using Notepad occasionally, or when nothing else is available, but seriously…

  117. Lazlow says:

    I have to partly disagree – notepad is very useful for quick editing on a Windows desktop/server. You can easily find lines by using ctrl+g and autocomplete can become an annoyance. Sevel HTML editors chuck in un-needed code too. The only thing missing is syntax highlighting as you mention.

  118. You’re actually arguing that the “only thing missing” from Notepad is “syntax highlighting”? That’s amusing. As I mentioned, there are times for using Notepad, quick edits directly on the server would be one of those times, as would editing code on another user’s machine in a pinch. However Notepad is nothing more than an utterly basic tool. If you’re really wanting to see what it’s missing:

    Find & replace
    Regex support
    Syntax highlighting
    Templates
    Macros
    Toggles
    Project Management
    Split windows
    Tabbed interface (mutiple files open within one window instance)
    Markers

    Do I need to continue? I said it before…Notepad is good for very basic editing, or emergency situations. But to use it as your primary editor is just foolish.

  119. Ray says:

    I use Dreamweaver CS3.

  120. Gowtham says:

    VIM – for almost everything; I find it very rewarding to code from scratch and often gives me the feeling of writing [not so] great poetry/prose.