Welcome Guest ( Log In | Register )



2 Pages V   1 2 >  
Reply to this topicStart new topic
> CSS Editor
anewgame
post Oct 2 2006, 04:43 PM
Post #1


Newbie [ Level 2 ]
Group Icon

Group: Members
Posts: 12
Joined: 28-September 06
Member No.: 16,216



Hello everybody,
I need a CSS editor as soon as possible..
I already fuond a few until now, but the problem is that most of them are not free sad.gif ..
So I was looking for as many suggestions as possible.
Oh, I forgot to tell you, I obviously need an WYSIWUG editor wink.gif
Thank you in advance,
me
biggrin.gif

This post has been edited by anewgame: Oct 2 2006, 04:50 PM
Go to the top of the page
 
+Quote Post
evought
post Oct 2 2006, 05:57 PM
Post #2


Advanced Member
Group Icon

Group: Members
Posts: 199
Joined: 3-October 05
From: Missouri
Member No.: 8,888



QUOTE(anewgame @ Oct 2 2006, 11:43 AM) *

Hello everybody,
I need a CSS editor as soon as possible..
I already fuond a few until now, but the problem is that most of them are not free sad.gif ..
So I was looking for as many suggestions as possible.
Oh, I forgot to tell you, I obviously need an WYSIWUG editor wink.gif
Thank you in advance,
me
biggrin.gif


In my experience, it is really tough to edit CSS with a WYSIWYG editor. The whole point of CSS is t separate data and display. You have to go back and forth with specifying ids in the html and the styles in the CSS. Most WYSIWYG editors will just change the style in the html. Besides, how does the editor know whether to change the style for that instance, all instances of its class, type, or whatever?

JEdit has good support for highlighting and syntax checking of CSS and it has a preview function to show you what it looks like in the browser. It is Java based and cross-platform. The CSS support is in a downloadable module.
Go to the top of the page
 
+Quote Post
foolakadugie
post Oct 2 2006, 06:28 PM
Post #3


Premium Member
Group Icon

Group: Members
Posts: 242
Joined: 4-August 05
From: Los Angeles
Member No.: 7,624



I just use a firefox extension called EditCSS. It opens a sidebar with the code on the left and the webpage you are editing will change as you change the code. It is a handy little tool.
Go to the top of the page
 
+Quote Post
FirefoxRocks
post Oct 2 2006, 09:28 PM
Post #4


Super Member
Group Icon

Group: [HOSTED]
Posts: 696
Joined: 12-July 06
From: Ontario, Canada
Member No.: 14,464



I have never heard of a WYSIWYG CSS Editor.
However, there is an easy way to visually see CSS and how it looks.

1. Open up your (X)HTML editor. If you don't have one, I recommend AceHTML FreeWare 9.
2. Create whatever you need to format. Example:
CODE
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Sample CSS Test Page</title>
<link rel="stylesheet" type="text/css" href="mycssfile.css" />
</head>
<body>
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<p class="intro">Intro paragraph</p>
<div id="header">Header box</div>
</body>
</html>


3. Make your CSS Stylesheet. Example:
CODE
body {border:1px dotted #0F0;margin:0px;padding:1cm}
h1 {text-align:center;border-width:1px 0px 1px 0px;border-color:rgb(255,0,255);border-style:solid}
h2 {background-color:#00F;color:white}
p.intro {font-weight:bold;font-style:italic;border:1px solid #F00;background-color:#FFD1D1}
div#header {font-size:14pt;position:relative;top:-10px;z-index:100}
/* End of Top Section */


4. Save all files and open up the HTML page in your web browser (actually, test it in most browsers smile.gif)

5. See what needs adjustment and what should be done next.

This is the easiest way of doing CSS without a special editor. It works for me, it might work for you! tongue.gif
Go to the top of the page
 
+Quote Post
demolaynyc
post Oct 2 2006, 09:41 PM
Post #5


Premium Member
Group Icon

Group: Members
Posts: 330
Joined: 2-February 06
Member No.: 11,040



I recommend you use Macromedia Dreamweaver, It's a WYSIWYG editor that lets you easily create style sheets and view it live. It will cost you however, unless you find a free CD key around there...
Go to the top of the page
 
+Quote Post
foolakadugie
post Oct 2 2006, 11:39 PM
Post #6


Premium Member
Group Icon

Group: Members
Posts: 242
Joined: 4-August 05
From: Los Angeles
Member No.: 7,624



QUOTE(demolaynyc @ Oct 2 2006, 02:41 PM) *

I recommend you use Macromedia Dreamweaver, It's a WYSIWYG editor that lets you easily create style sheets and view it live. It will cost you however, unless you find a free CD key around there...

Dreamweaver is a great application, but I think that he was looking for freeware.
Go to the top of the page
 
+Quote Post
east-drip
post Oct 3 2006, 01:35 AM
Post #7


Newbie [ Level 2 ]
Group Icon

Group: Members
Posts: 13
Joined: 2-October 06
Member No.: 16,288



QUOTE(foolakadugie @ Oct 2 2006, 02:28 PM) *

I just use a firefox extension called EditCSS. It opens a sidebar with the code on the left and the webpage you are editing will change as you change the code. It is a handy little tool.


That's pretty sweet! I'll have to check that one out.


QUOTE(toby @ Oct 2 2006, 03:48 PM) *

NotePad2 for all your text coding needs.


+1 for NotePad2

I also sometimes use NoteTab, I really like it. It's free and it's got quite a few handy features. Color-coding, all of that good stuff to help you out when you just can't find that error in the code.

As far as I know, there really isn't a WYSIWYG editor for CSS, you just have to mess around with the code on your own and keep refreshing your page. But if there is one, it's news to me.
Go to the top of the page
 
+Quote Post
Houdini
post Oct 5 2006, 12:16 AM
Post #8


Super Member
Group Icon

Group: Members
Posts: 572
Joined: 25-April 05
From: Nashville Tennessee
Member No.: 4,340



Well although I seldom use CSS there is a free alternative either with HTML Kit or PHP Designer 2006 you can check out or download FREE of charge either one at the following links.

For HTML Kit go to this link and have a look around. This is a great program that includes an FTP client, and I use this program when updating my own sites to get really fast results. It has plenty of plugins and the link provided will show that CSS if in fact a great part of those offered with this great FREE software...at least try it out.

For PHP Designer 2006 (this link is to the 2007 edition) go to this link and look at what it offers. I use this mainly for fast PHP development and testing locally but it also has an FTP client but I prefer the one that is in HTML Kit

Try the free stuff and then if not satisfied go to the costly version of software. If you pay for it and don't like it what do you do with it? If you get it free and like the way it works then fine but if not at least it only took some of your time and not your money.
Go to the top of the page
 
+Quote Post
FirefoxRocks
post Nov 20 2006, 12:43 AM
Post #9


Super Member
Group Icon

Group: [HOSTED]
Posts: 696
Joined: 12-July 06
From: Ontario, Canada
Member No.: 14,464



I have found a completely free visual CSS Editor!!

System Requirements:
Windows 95+
Opera 9

Yes, it is an Opera Widget. The link can be found here:

True HTML Editor Widget

It has a partially visual CSS Editor section.

Try it and post your comments!
Go to the top of the page
 
+Quote Post
beatgammit
post Dec 13 2006, 09:32 PM
Post #10


Member - Active Contributor
Group Icon

Group: Members
Posts: 83
Joined: 10-November 06
From: Provo, UT
Member No.: 17,161



I just use a simple program called TextPad. There's nothing sexy about it (no dynamic update of your website for css) for css, because it is not built for CSS, but to be a generic text editor. It does allow multiple files to be open at a time, so if you have "nested css files" meaning that if you have one overarching CSS file for the whole site and then sub css files for different parts of your site, this is a clean and good way to be able to access them easily with little problem. There are easier ways to do this, like through the FireFox extension, but I like TextPad because I use it for everything.
Go to the top of the page
 
+Quote Post

2 Pages V   1 2 >
Reply to this topicStart new topic

Collapse

> Similar Topics

Topics Topics
  1. Php Designer 2005(1)
  2. Php Designer 2005(0)
  3. Looking For A Great Source Code Editor For(5)
  4. PHP Designer Vs. HTML Kit(7)
  5. Pagebreeze: The Free Html Editor!(7)
  6. Greenfish Icon Editor Pro(12)
  7. Web Editor(0)


 



- Lo-Fi Version Time is now: 11th October 2008 - 10:40 PM