Solved

Idiot-Proof CSS Editor

Posted on 2004-04-07
16
624 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
What is SQL Server and how does it work?

The purpose of this paper is to provide you background on SQL Server. It’s your self-study guide for learning fundamentals. It includes both the history of SQL and its technical basics. Concepts and definitions will form the solid foundation of your future DBA expertise.

 
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

Efficient way to get backups off site to Azure

This user guide provides instructions on how to deploy and configure both a StoneFly Scale Out NAS Enterprise Cloud Drive virtual machine and Veeam Cloud Connect in the Microsoft Azure Cloud.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Windows Tool to Build Android and iOS App 3 76
css icomoons will not display on page 14 31
move widget title down 4 18
Problem to refer to value 8 48
Objective of This Article In 1990’s, when I was a budding software professional, I had a lot of confusion about which stream or technology, I had to choose to build my career. In those days, I had lot of confusion like whether to choose System so…
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 exclude a particular blog category from the main blog page. This is can be used when a category already has its own tab, or you simply want certain types of posts not to show up on the main blog. …
The purpose of this video is to demonstrate how to set up the permalinks on a WordPress Website. This will be demonstrated using a Windows 8 PC. Go to your WordPress login page. This will look like the following: mywebsite.com/wp-login.php : Go t…

770 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