Idiot-Proof CSS Editor

I am an absolute newbie to CSS and would like some recommendations for a CSS-friendly HTML editor.

I've coded HTML pages by notepad, and I've used some HTML editors in the past, but I've never liked any of them.  The editors I've looked at tended to be either mind-numbingly complex, or the code they generated was embarrassingly bloated.

So I'm looking for something simple with a relatively easy learning curve that can hold my hand while I learn CSS coding.  Hopefully, it will guide me through the process of creating and editing CSS-compliant sites.

Any ideas, suggestions, rants or raves?

Steve
LVL 1
Steve3kAsked:
Who is Participating?
 
thurston_lCommented:
http://www.notepad.org
this rocks and compatible with all browsers and languages...
0
 
lombardpCommented:
I agree with brunobear, TOPSTYLE is excellent.

Some of its features:

- syntax highlight
- style preview (in a separate panel with default or custom html page)
- list of available properties (with browser support informations for each property)
- edit also HTML/XHTML files with the same features

Only one suggestions: initially don't enable all the available panes and toolbar, you need also the editor, the preview pane and the CSS property pane.

0
Ultimate Tool Kit for Technology Solution Provider

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy now.

 
brunoCommented:
topstyle has two versions as well...Pro, which costs, and Lite, which is free.

i saw another css editor recently that looked promising but i'll be damned if i can remember it's name.
0
 
thurston_lCommented:
i think you mean astyle css editor, or coffeecup style sheet editor.
asyle is cool, but i dont like cofee cup editor...
0
 
DaydreamsCommented:
A good HTML editor besides NotePad or Notetab Light is Homesite, available from Macromedia:

http://www.macromedia.com/software/homesite/

It has integrated the (best) CSS editor (Topstyle):

http://www.macromedia.com/software/homesite/productinfo/features/productivity.html#9


You might like HTML-Kit (integrates with Topstyle Lite):

http://www.chami.com/html-kit/features/

Or you might like AceHTML, which has a free and pro version (includes style sheet editor):

http://freeware.acehtml.com/
0
 
WitchazelCommented:
lol  i agree with thurston_l

note pad, note pad, note pad!

visual notepad!

after programming css for a bit you find yourself only using text editors
0
 
webwomanCommented:
I love TopStyle for CSS. Absolute the best, no question. I have Pro, it's worth every penny.

I use HomeSite for everything else, BUT the new version of FP (2003) is really not bad (and I NEVER thought I'd say that). Context sensitive help, code highlights, even picks up on your custom javascript functions and prompts you when you use them (surprised me!). But you have to work in code view, and not use any of the crappy FP things. But as a code editor, it's REALLY improved a lot.
0
 
Steve3kAuthor Commented:
Wow - lots of good links!

So far I'm loving TopStyle.  I downloaded the trial version and I'm going through the built-in tutorial.  It's VERY nice to have the program hold my hand through the process - and explain what's happening along the way.

I'll download some of the other suggestions soon.  And Thurston, I completely agree.  Notepad is the absolute best editor around once you know what you're doing.

That's also one of the reasons I probably like TopStyle so much.  It lets me see the plain-text code and I can alternate seamlessly between menu/wizard mode or straight text input at will.  If there's something I don't know (right now that would be just about everything) I can go to the tutorial or use a wizard.

I'll close this question out soon.  In the meantime, thanks for the suggestions and links!

Steve
0
 
brunoCommented:
I'm also a homesite user for all my other web programming besides CSS....and most of the CSS I do there as well, when I need topstyles help, i simply click in the style block, right click and choose "edit style block" and boom, there's topstyle to the rescue!

:-)
0
 
thurston_lCommented:
hmmm, if we're up to so-fancy stuff, than i must mention style master, with it's built-in templates and oh-so-fancy-cutting-edge-gadgets.
unfortunately, there's no free version, only a demo :(
http://www.westciv.com/style_master/index.html
0
 
Steve3kAuthor Commented:
My thanks to all for the many good suggestions.  I went with TopStyle for the excellent built-in, completely hands-on tutorial.  I've used Homesite in the past, but it just never clicked with me.

Thanks again for the help!

Steve
0
 
brunoCommented:
Glad I could help, but curious, if you went with Topstyles, any reason for the B grade?

Thanks
0
 
brunoCommented:
no response?
0
 
Steve3kAuthor Commented:
Sorry for the slow response Brunobear.

I did accept your answer but if you look at the answer you provided, it consisted solely of one link.  Nothing else.  After Lombardp filled in some details about Topstyles you did come back to add some comments, but other than mentioning that Topstyles had more than one version the only details I received about why Topstyles was a good choice came from other Experts.  Like I said, I gave you credit for being the first to suggest Topstyles, but I didn't consider the quality of the answer to be an "A" rating.  Your answer was correct, and accepted, it was just not complete.

I hope I haven't offended you with my reply.  It wasn't my intention.  I only provide these details because you asked for them.

Steve
0
 
brunoCommented:
good enough explanation, thanks for taking the time.  

:-)
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.