|
|
|
|
![]() ![]() |
Oct 2 2006, 04:43 PM
Post
#1
|
|
|
Newbie [ Level 2 ] 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 So I was looking for as many suggestions as possible. Oh, I forgot to tell you, I obviously need an WYSIWUG editor Thank you in advance, me This post has been edited by anewgame: Oct 2 2006, 04:50 PM |
|
|
|
Oct 2 2006, 05:57 PM
Post
#2
|
|
|
Advanced Member Group: Members Posts: 199 Joined: 3-October 05 From: Missouri Member No.: 8,888 |
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 So I was looking for as many suggestions as possible. Oh, I forgot to tell you, I obviously need an WYSIWUG editor Thank you in advance, me 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. |
|
|
|
Oct 2 2006, 06:28 PM
Post
#3
|
|
|
Premium Member 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.
|
|
|
|
Oct 2 2006, 09:28 PM
Post
#4
|
|
|
Super Member 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 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! |
|
|
|
Oct 2 2006, 09:41 PM
Post
#5
|
|
|
Premium Member 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...
|
|
|
|
Oct 2 2006, 11:39 PM
Post
#6
|
|
|
Premium Member Group: Members Posts: 242 Joined: 4-August 05 From: Los Angeles Member No.: 7,624 |
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. |
|
|
|
Oct 3 2006, 01:35 AM
Post
#7
|
|
|
Newbie [ Level 2 ] Group: Members Posts: 13 Joined: 2-October 06 Member No.: 16,288 |
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. 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. |
|
|
|
Oct 5 2006, 12:16 AM
Post
#8
|
|
|
Super Member 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. |
|
|
|
Nov 20 2006, 12:43 AM
Post
#9
|
|
|
Super Member 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! |
|
|
|
Dec 13 2006, 09:32 PM
Post
#10
|
|
|
Member - Active Contributor 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.
|
|
|
|
![]() ![]() |
Similar Topics
| Topics | Topics | |
|---|---|---|
|
|
|
|
Lo-Fi Version | Time is now: 11th October 2008 - 10:40 PM |