Any good, visual HTML5 Editor or IDE?

IdeEditorHtmlHtml Editor

Ide Problem Overview


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)

Ide Solutions


Solution 1 - Ide

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)

Solution 2 - Ide

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.!

Solution 3 - Ide

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.

Solution 4 - Ide

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.

Solution 5 - Ide

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.

Solution 6 - Ide

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.

Solution 7 - Ide

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

Solution 8 - Ide

Adobe Dreamweaver CS5 HTML5 Pack

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

Solution 9 - Ide

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.

Solution 10 - Ide

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 https://stackoverflow.com/a/9483569/1209711"> this stackoverflow post.

Solution 11 - Ide

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

Solution 12 - Ide

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

Solution 13 - Ide

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.

Solution 14 - Ide

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.

Solution 15 - Ide

Try the HTML5 editor written in HTML5 itself

http://www.mobdis.com

Solution 16 - Ide

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

Solution 17 - Ide

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).

Solution 18 - Ide

Solution 19 - Ide

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionActionFactoryView Question on Stackoverflow
Solution 1 - IdeJanView Answer on Stackoverflow
Solution 2 - IdeVenomVendorView Answer on Stackoverflow
Solution 3 - IdeFrazorView Answer on Stackoverflow
Solution 4 - IdeEngineerView Answer on Stackoverflow
Solution 5 - IdeJustin NiessnerView Answer on Stackoverflow
Solution 6 - IdeNicholas WilsonView Answer on Stackoverflow
Solution 7 - IdeFrancisco Ryan Tolmasky IView Answer on Stackoverflow
Solution 8 - IdeJitendra VyasView Answer on Stackoverflow
Solution 9 - IdeSamuel ZhangView Answer on Stackoverflow
Solution 10 - IdeEricView Answer on Stackoverflow
Solution 11 - IdedevalView Answer on Stackoverflow
Solution 12 - IdeRobView Answer on Stackoverflow
Solution 13 - IdeGrant PalinView Answer on Stackoverflow
Solution 14 - IdeSammi SandersView Answer on Stackoverflow
Solution 15 - IdesheaujyeView Answer on Stackoverflow
Solution 16 - Ideuser648340View Answer on Stackoverflow
Solution 17 - IdeKMånView Answer on Stackoverflow
Solution 18 - IdeAlexView Answer on Stackoverflow
Solution 19 - IdeRolView Answer on Stackoverflow