Solved

Idiot-Proof CSS Editor

Posted on 2004-04-07
16
618 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
  • 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
 
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
Maximize Your Threat Intelligence Reporting

Reporting is one of the most important and least talked about aspects of a world-class threat intelligence program. Here’s how to do it right.

 
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

IT, Stop Being Called Into Every Meeting

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

Join & Write a Comment

Suggested Solutions

When writing CSS, there are a few simple rules that will make your life easier.    1. Using ‘* {box-sizing:border-box;}’. Using this will wrap all your elements in a nice little compact box-model that will give you the width you want, like so... …
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
The purpose of this video is to demonstrate how to integrate Mailchimp with Facebook. This will be demonstrated using a Windows 8 PC. Mailchimp and Facebook will be used. Log into your Mailchimp account. : Click on your name. Go to Account Setti…
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…

705 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

Need Help in Real-Time?

Connect with top rated Experts

19 Experts available now in Live!

Get 1:1 Help Now