Solved

Idiot-Proof CSS Editor

Posted on 2004-04-07
16
631 Views
Last Modified: 2013-12-16
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
0
Comment
Question by:Steve3k
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 6
  • 3
  • 3
  • +4
16 Comments
 
LVL 18

Accepted Solution

by:
bruno earned 125 total points
ID: 10779941
0
 
LVL 1

Expert Comment

by:thurston_l
ID: 10781754
http://www.notepad.org
this rocks and compatible with all browsers and languages...
0
 
LVL 9

Expert Comment

by:lombardp
ID: 10781882
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
Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
LVL 18

Expert Comment

by:bruno
ID: 10782378
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
 
LVL 1

Expert Comment

by:thurston_l
ID: 10782856
i think you mean astyle css editor, or coffeecup style sheet editor.
asyle is cool, but i dont like cofee cup editor...
0
 
LVL 15

Expert Comment

by:Daydreams
ID: 10785087
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
 
LVL 1

Expert Comment

by:Witchazel
ID: 10785916
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
 
LVL 19

Expert Comment

by:webwoman
ID: 10786845
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
 
LVL 1

Author Comment

by:Steve3k
ID: 10787184
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
 
LVL 18

Expert Comment

by:bruno
ID: 10788707
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
 
LVL 1

Expert Comment

by:thurston_l
ID: 10796394
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
 
LVL 1

Author Comment

by:Steve3k
ID: 10802688
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
 
LVL 18

Expert Comment

by:bruno
ID: 10802747
Glad I could help, but curious, if you went with Topstyles, any reason for the B grade?

Thanks
0
 
LVL 18

Expert Comment

by:bruno
ID: 10898736
no response?
0
 
LVL 1

Author Comment

by:Steve3k
ID: 10902128
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
 
LVL 18

Expert Comment

by:bruno
ID: 10905576
good enough explanation, thanks for taking the time.  

:-)
0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

When setting up new project requests for our site, one of the most powerful tools our team has available to use is Axure (http://www.axure.com/). It’s a tool for creating software and web prototypes that can function and interact as if it were the a…
Browsers only know CSS so your awesome SASS code needs to be translated into normal CSS. Here I'll try to explain what you should aim for in order to take full advantage of SASS.
The purpose of this video is to demonstrate how to prevent comment spam on a WordPress Website. This will be demonstrated using a Windows 8 PC. Plugin Akismet will be used. Go to your WordPress login page. This will look like the following: myw…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

726 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question