Recently, I'm reading a lot about "Design in the browser", but I didn't find yet a good web-based IDE that could help in this "new approach" (if exists).

I'm looking for a web-based IDE with some specific requirements like:

  • HTML editor (also Markdown support);
  • Javascript editor with auto-complete;
  • CSS editor (transpiler for Saas is a plus);
  • Integrated Tools that helps with CSS like colors and CSS3
  • Live preview of the page (I am creating in the browser, then it would be nice to see the live results);
  • Integration with GitHub;
  • Simple image editor;
  • WYSIWYG function for sketch pages;
  • Integrated Typograph tools (like it) and fonts source;

I want to do all development on-line in a integrated environment. I'm thinking about something like a super-JSfiddle that works effectively as an IDE, with tabs to each function (HTML, CSS, etc...) or something like that.

I already know the CodeAnywhere and looks like a good option, but I was not totally satisfied because it does not seem entirely appropriate for "Design in the browser" approach and am looking for other options.

Paid and free options are welcome.

  • Similar questions about web authoring tools have already been posted. Can you describe how your Question is different? – Basil Bourque Aug 13 '15 at 4:15
  • I'm looking for a IDE focused on the design part that helps the developer to create the page itself, before the logical, but also helps with logic as any common IDE. I tried to update the requirements to improve the question. – James Aug 15 '15 at 20:38
  • @BasilBourque. Please, correct me if I'm wrong, but the only similar question that I found is not focused in the design part, but in the code – James Aug 15 '15 at 20:58

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Browse other questions tagged or ask your own question.