views:

168

answers:

7

Which free HTML/CSS IDE has best readable code formatting for XHTML and CSS ? in one click or from keyboard shortcut?

I don't want to give more time to proper indention, tab ec, want to select whole code and give good-looking formatting.

I need easliy scanable Code formatting and syntax highlighting. and missing things (if anything is not proper) should show error.

I know many online tool to do this but don't want to go everytime to online tool.

Edit: I need free Windows tool (portable would be better). don't suggest commercial tool.

A: 

Without more information about other requirements, my ultimate tool is UltraEdit. It's historically a Windows tool but they've had a Linux version for a while now and are working on a Mac version at the moment (I cannot wait for this, I've missed UE since I went Mac.)

Another suggestion on Windows is Visual Studio Web Developer - the express version is free, and the CSS editor is actually pretty decent in 2008. You also get Javascript intellisense, too. 2010 is due out in a couple of weeks.

And finally my other major tool in my software development toolbox before I switched to Mac was NuSphere's PhpEd for Windows. Obviously by the name it's made for PHP, but recently has started to get good HTML and CSS support. The licensing is a little on the expensive side, I've found, but if you're doing PHP development as well as HTML and CSS, you won't be able to develop without this once you've tried it. It's sorta like a Visual Studio for PHP.

Andy Shellam
Ultraedit is not free
metal-gear-solid
Since your edit to include that you want it "free" discard UltraEdit and PhpEd. I have found, however, that there are few decent free tools. I've left them in my answer for anyone who isn't opposed to paying for development tools.
Andy Shellam
"Free" was already included in my question title since first time
metal-gear-solid
It wasn't clear in the question.
Andy Shellam
+3  A: 

Aptana IDE is available on Windows, Linux and Mac platform. Its FOSS.

Works nicely with PHP, HTML, CSS and Javascript.
You can define your formatting rules, and it will format them nicely thereafter.

N 1.1
I've tried it sometime ago . it's too resource hungry and slow to start.
metal-gear-solid
I have been using it for a while now, it was sometime slow to start, but i had no problems other than that. But the performance improved with each newer version. You may want to give it another try.
N 1.1
I just tried it and immediately started off with errors. Google helped me get it running, but it just doesn't feel right. Can it really not do a vertical split view?
HaleFx
Yes, tabbed, horizontal and vertical split is available. http://docs.aptana.com/docs/index.php/Release_Notes_Archive
N 1.1
The only option I can find is to split code and preview. In Notepad++ and WebStorm/PhpStorm, you can split two code windows, so I have HTML in one pane and CSS in another.
HaleFx
@HaleFx: your choice :), but i dont think you can really gauge Aptana usefulness in 50mins, also notepad++ is windows only and a very simple editor.
N 1.1
I downloaded Latest Aptana , But code formatting in not much impressive. VWD has better
metal-gear-solid
+1  A: 

Visual Studio Express Editions includes a Web variant.

Lots of options of CSS and HTML formatting. Whether any particular layout is readable is up to you.

Richard
+1 it has really a good formatting but it slow and has many unwanted .net related functions.
metal-gear-solid
+5  A: 

Notepad ++

Ivo
Keeping the code readable yourself is really an underrated feature especially for very small teams :)
extraneon
@extraneon - I work in teams
metal-gear-solid
@Ivo - Notepad++ with plugins or in default install.
metal-gear-solid
Personally I use it for formating XML, with XML tools. But there is a HTML plugin also called, tidy check out http://www.bryancook.net/2008/04/visual-studio-format-whole-document-for.html
Ivo
+1  A: 

WebStorm is free for now (in beta), and it's pretty fantastic. I switched to it a few weeks ago from Notepad++. I use both programs in Windows Vista x64 without any problems.

HaleFx
WebStorm is large download and it will not be free in future.
metal-gear-solid
A: 

PSPad - editor for developers for Microsoft Windows systems

The universal freeware editor, useful for people who:

  • work with plain text - the editor has a wealth of formatting functions, including a spell checker
  • create web pages - as a web authoring editor, PSPad contains many unique tools that save your time
  • want to use a good IDE for their compiler - PSPad catches and parses compiler output, integrates external help files, compares versions and much more...

There is no complex installation process, PSPad is ready to work immediately without requiring customization. The editor supports many file types and languages, with syntax highlighting. There are macros, clip files and templates to automate repetative tasks. Integrated HEX Editor, Project support, FTP Client, Macro Recorder, File Search/Replace, Code Explorer, Code page conversion... these are just some of the many features that PSPad offers.

Jonny Haynes
A: 

I like ActiveState's KomodoEdit a lot.

BTW, in answer to your other recent question that was unfortunately deleted, Fireworks will import layered files from Photoshop, up to a point. It will not preserve much of the filter and grouping information from the PSD file.

Robusto
Thanks to respond for my deleted question. people were closing that question so i deleted. ok so Firefox can't handle PSD very well. thx for this info. and Do u know about "Photoshop elements" would it be sufficient for PSD to HTML work?
metal-gear-solid