Is there a "best" way to edit CSS?
I'm looking for a designer tool. It has to "visual"... less code. Visual studio does a good job but it seems to be lacking when it comes to the actual design stage.
+1
A:
Here's what I do:
- Design the page semantically, using lists, headings, paragraphs etc.
- Add classes and ids where appropriate.
- Open the unstyled page in Firefox.
- Open Firebug.
- Write/edit the CSS there and see the results instantly.
nickf
2010-03-15 09:48:37
Can you work directly with the CSS files in Firebug? Like, can you save your changes and such? I mean... one accidental refresh or something like that and your new styles are gone... :p
Svish
2010-03-15 09:51:04
CSS files are not modified when you work in Firebug. So your original styles are always safe. :)
Aseem Gautam
2010-03-15 10:04:53
@Aseem yeah, that's exactly his problem I think :)
Pekka
2010-03-15 12:22:54
i miss firebug in chrome.
N 1.1
2010-03-15 12:26:39
@Svish: it's not too hard to just copy and paste your changes periodically.
nickf
2010-03-16 11:54:46
@nickf: ctrl+s is even easier. And copy-pasting might be messed up. I have for example several times hit ctrl+v when I meant ctrl+c...
Svish
2010-03-16 14:01:55
There's another magic button there which is ctrl+z, you know. In any case, I've been using the above method for years and it's been great.
nickf
2010-03-16 14:56:05
+4
A:
My suggestion is CSSEdit by MacRabbit. It's focused on just editing CSS, and is very visual without hiding code. You can edit CSS attributes through a GUI, or directly edit the text in the code. You can preview your work on any site, even applying your edited CSS to the display of live Web sites. As a plus or minus depending upon your platform of preference, it's a Mac only application.
Mr. Berna
2010-03-15 12:21:00
I was just going to say that! CSSEdit is absolutely awesome, now I wish we had a version on Windows for my day-job.
Redbeard 0x0A
2010-03-15 14:40:11
Yes. No windows version is a no go. I've checked it out... they seem to have a very good designer centric approach.
basilmir
2010-04-26 00:15:16
A:
Dreamweaver has a very advanced GUI for CSS editing. As does Quark.
Kyle Sevenoaks
2010-03-15 14:20:03