editing css - best workflow

richardn / 2010-01-19 13:13:40   

I'm a beginner with some rudimentary experience of editing simple HTML and CSS pages with an old copy of Dreamweaver (8) on my mac.

I got indexhibit installed yesterday, and I've figured out how to change the appearance by modifying the style.css file.

I just want to check that I'm using the best workflow, and whether any additional software could help me.

For editing CSS I tried TextWrangler, as recommended here, but my knowledge of CSS is sketchy, and I got my colons and semi-colons confused, and made lots of other errors. So I resorted to Dreamweaver 8 which has a CSS panel which is kind of helpful. Otherwise I dislike Dreamweaver and would like to get away from it, so I wonder if there is a nice CSS editor (mac) that would help a beginner (I don't mind paying)?

Also general workflow:

- make a change or two to the CSS file
- save
- upload with FTP software (Transmit)
- refresh browser

Is that right? Or is there a better way?

Thanks

Richard

the_jil / 2010-01-19 13:20:26   

Try use cssedit, smultron, or a nice plugin for firefox called edit css, or try firebug for firefox.

lemathieu A / 2010-01-19 13:37:41   

the best is Coda (not free but worth it)

richardn / 2010-01-19 13:48:50   

Thanks for the recommendations. I just downloaded CSSEdit and it seems to be what I'm looking for - a css editor for newbies. I've also installed Firebug. And I'll have a look at Coda.

About workflow. I have to go through this save/upload/refresh routine, right? There's no way I can get the live preview that CSSEdit offers (I assume that only works on local sites)?

Thanks for your help!

lemathieu A / 2010-01-19 14:08:43   
I assume that only works on local sites

Yep

richardn / 2010-01-19 14:23:10   

I've just been looking at the Coda website and it makes out that it simplifies previewing sites on a remote server. Is that right?

richardn / 2010-01-20 16:32:40   

After playing with the demos of CSSEdit and Coda - which are both very nice - I realised that the CSS modifications I wish to make are so simple that I'm fine using my old version of Dreamweaver. I played around with Expanding Menus last night and used TextWrangler to edit the index.php - that worked fine, and it's free. I'll save my pennies to make a donation to Indexhibit when I'm done...

This thread has been closed, thank you.