Solved

Idiot-Proof CSS Editor

Posted on 2004-04-07
16
640 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
Transaction Monitoring Vs. Real User Monitoring

Synthetic Transaction Monitoring Vs. Real User Monitoring: When To Use Each Approach? In this article, we will discuss two major monitoring approaches: Synthetic Transaction and Real User Monitoring.

 
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

Announcing the Most Valuable Experts of 2016

MVEs are more concerned with the satisfaction of those they help than with the considerable points they can earn. They are the types of people you feel privileged to call colleagues. Join us in honoring this amazing group of Experts.

Question has a verified solution.

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

As a result of several questions about how to use Bootstrap I thought it would be a good idea to write down the development aspect of creating a Bootstrapped website in as little time as possible. Part 1 of this article will only concentrate on g…
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
The purpose of this video is to demonstrate how to reset a WordPress password if you are locked out and cannot reset the password. A typical use would be if you cannot access the email to which WordPress would send the password recovery email to…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

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