Question

Well it looks like Dreamweaver CS5 will try to smoother the HTML5 thing for a few more years (weeks actually). Seems like the next rung down is right to Notepad!

Anyone know a good HTML5 editor with a visual/preview/style leaning?

Eclipse with some pluggin?

(Seems like the market will be begging for it soon.)

Thanks

...By the way. I know about the 'no browser support'...'not finished yet'..etc. That's not an issue for us. We are doing Safari Only websites & iPhone iAd's only production...So we know what works in our implementations. (We mostly on Windows by the way)

Was it helpful?

Solution

Cloud 9 IDE. Storage is cloud+local, it offers autocompletion, it provides explicit support for node.js development, offers real-time collaboration, and you get bash into the deal with all its most popular tools (gcc included). All without having to open anything other than your browser.

I think that's Pretty Awesome.

EDIT Q3 2013 I would also suggest JetBrains WebStorm. It has autocompletion and solid refactoring features for HTML5, CSS3, JS. And it is very responsive.

OTHER TIPS

I always liked Aptana Studio for HTML development. Aptana Studio 3 beta supports the latest HTML5 specifications and is quite fast (compared to version 2). There is a standalone and an Eclipse pug-in version available.
UPDATE: Final release available (same link)

Update

Use Aptana Studio 3, it's upgraded now.

You can either choose

Try online Aloha WYSIWYG Editor

But as a web-developer, I still prefer Notepad++, it has necessary code assists.


Outdated info, please don't refer.


This might be late answer, yeah very late answer, but surely will help someone
Download "Eclipse IDE for Java EE Developers" Latest Stable Version

Download Google Plugin for Eclipse.zip
Select your download according to your Eclipse Version
After Downloading (don't Unzip)
Open Eclipse
Help > Install New Software > Add > Archive > Select the Downloaded Plug-in.zip
in the field "Name" enter "Google Plugin" Click ok.

Ignore the Warnings, After Competion of Installation, Restart Eclipse.


How to use Google Plugin for Eclipse
    File > New > Other > Web > Static Web Project > Enter Project name

Create New Web Project


    Create New HTML File

Create New HTML File


    Name to index.html

index.html

    Select Properties of HTML File

Set Properties to HTML5

    Hit Ctrl+Space

Cheat Sheet HTML5

similarly create new *.css file
Right Click on the css file > Properties > Web Content Settings > Select CSS3 Profile > ok
Hit CTRL+Space
CSS3 Cheat Sheet
Wooo, Yeah Start Coding.!

Topstyle 4 is the only one I've com e across with HTML5 (and CSS3) support. Its early stages but it works enough for the most part.

Since HTML5 is still in the works and doesn't have consistant support across any browsers yet, my guess is that it's going to be quite a while before you get a WYSIWYG HTML5 Editor.

In the mean time, get used to editting your markup by hand in a good text editor like Notepad++ or TextEdit.

Just to point out, HTML5 per se is not "far from ready"; it is actually pretty much finished, "considered by the Working Group to fulfill the relevant requirements of its charter and any accompanying requirements documents." There will be some things to iron out, and the core spec has some accompanying addon bits, but the majority of it is actually ready to use right away, with much of it stable in latest browsers.

You should take a look at Atlas: http://280atlas.com/what.php

Adobe Dreamweaver CS5 HTML5 Pack

http://labs.adobe.com/technologies/html5pack/

NetBeans 7 has nice support for HTML5. Previously I was a heavy user of Eclipse, but spend more time with NetBeans to play with HTML5 and Servlet.

for online solution try maqetta and aloha editor

for offline solution (download-able) try blue griffon

they are free :) oh yeah, one more, my favorite editor :) and game editor also: construct2

Coffee Cup Just released one. July 6, 2010 http://www.coffeecup.com/html-editor/

They now also have an OS X version in beta — see also this stackoverflow post.

I must question whether you need, specifically, an editor capable of handling HTML5. It's still HTML. There are changes, yes, but not all that much if you are already comfortable with HTML4. I suspect that most any editor capable of handling HTML should be able to handle HTML5 as well.

Radrails 3 is supposed to have it, Aptana Studio 3 will have it. Radrails is in beta, so thats kind of a downer, but none the less it is there to give'r a whirl.

It is multi-platform too, for those of us non-Windoze fellas.

Did research for this at school and as Justing already said. The specification is far from ready, so it wil probably take a while before HTML5 is being supported in editor. Though browsers are busy implementing the parts from the specification that are good enough to be used.

Best you can do is follow blogs, tutorials and other articles on the internet and experiment with developing in HTML5 yourself.

EDIT: Just found an Visual Studio 2008/2010 Plug-in here

Try the HTML5 editor written in HTML5 itself

http://www.mobdis.com

HTML Pencil is an online HTML editor created for modern browsers.

This might not interest you but just to add (0:, I like VS2008 IDE for html editing - and it doubles the fun if you have internet explorer developer toolbar (like that of firebug).

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top