Could you recommend an IDE to develop HTML5 canvas applications - html

We're starting to develop a Web application that will have some complex functionality written in HTML5 canvas.
Please, could you recommend any good IDE (open or commercial), or a toolset to develop/debug this kind of applications?
Thanks in advance.

I prefer Aptana Studio for web applications development as this offers very good support for javascript, HTML and even new libraries like coffee script. Aptana Studio's latest release in beta also has support for HTML5.

This might not quite be what you're looking for... but you can take a look at jsFiddle - http://jsfiddle.net/
If you can't use it for major parts of your web app, you can at least put it to use as a debug tool.

Related

HTML5 development with Visual Studio 2012

I am new to the web world and I am asked to developed an HTML5 website using Visual Studio 2012. I have the following questions:
Can someone give me a link on how to set up visual studio 2012 to create HTML5 applications ? I tried to create a new project but didn t find an option for HTML5 applications at all?
Can someone suggest a good youtube page or tutorial page on how to develop HTML5 websites using visual studio 2012?
HTML5 is a newer version of HTML for browsers that support the features that comprise it. You may want to start by reading the wiki entry for HTML5.
The W3C completed the HTML5 specification earlier this week (December 17, 2012).
Before focusing on what features Visual Studio 2012 provides for developing HTML5 web applications, I'd suggest learning what HTML5 is, how it works, and what browsers support what features.
A great place to start reading is Dive Into HTML5.
you can refer : http://docs.kendoui.com/tutorials/ASP.NET/asp-net-hello-html5
And if you are in hurry,can jump directly to 6th min in this video, for the straight forward answer to this Question.

Parse and Dreamweaver?

I'm thinking of creating a HTML5 app, which I also want to run well on iOS. I'm thinking of using parse.com as the backend, but apart from that I'm a little unsure where to start, can I use Adobe Dreamweaver with Parse? are there better options for creating a HTML5 app?
Thanks for any advice.
From looking at the Parse documentation, there aren't any specific tools to help you work with Parse in DreamWeaver.
If you're looking for a high-quality IDE for developing HTML5 and CSS3, see this question about open source HTML5/CSS3 IDEs.
Parse has blank XCode (for iOS), blank Android project (should work in Eclipse), and basic HTML5 project listed in their QuickStart guide. With the blank HTML5 project you can use any IDE you want to do the editing, and then open it in your browser to test it out.

Building HTML5 Apps Platform

I would like to know what is the best platform out there to create HTML5 based apps for iOS / Android. I am currently using PhoneGap and the performance is just horrible. It is very slow and I just want to be able to do this guys. Can anyone recommend me a good platform? Thanks!
The low performance has nothing to do with PhoneGap, it's essentially because of the html-based solution. The WebView(or the browser) renders html and runs javascript pretty slow. If you decide to choose the "native + html" kind of solution, and take the benefit of fast development and cross-platform, you have to deal with the terrible performance of the html rendering by the WebView of each kind of device.

Are there HTML5 desktop app frameworks (like Titanium or Adobe AIR) that run on V8 or Rhino instead of JavaScriptCore?

Our product, a desktop app, is composed of a ton of HTML5 and JavaScript together with a thin platform-specific layer that is basically a WebKit shell. Since this is much the same strategy as a framework like Appcelerator Titanium, and we waste way too much effort on this custom WebKit shell code, we were hoping to switch to Titanium or a similar framework to handle that for us.
However, such a switch would be much more compelling if we could pick up a nice modern JavaScript engine in the process. Like Titanium, we're currently on JavaScriptCore, which sucks (they still don't have Function.prototype.bind!). We'd take either V8, for speed and modernity, or Rhino, for yummy JavaScript 1.7/ECMAScript Harmony features.
Does anyone know of a framework for building desktop apps with HTML5 that uses either of these engines? Or some way of making either work with Titanium that will be very little effort? I saw the v8_titanium and rhino_titanium projects on GitHub, but see no mention of them anywhere else, or any documentation on how to use them. And the Adobe AIR WebKit page has nothing encouraging either.
Node-webkit is just about done being ported to use cef3. https://github.com/rogerwang/node-webkit/tree/cef
To follow up on this, we've just published binaries for all 3 platforms at https://github.com/milani/appjs | http://appjs.org. That's Chromium and Node, provided as a package that works out of the box with no configuration cross platform.
I think you could count Mozilla XULRunner as "app framework". It's more like embedded Firefox than framework, though.
https://developer.mozilla.org/en/xulrunner
It's much much more complex and powerful than Adobe AIR or Titanium.
We ended up on Chromium Embedded, which is a bit rough around the edges but definitely gets the job done.
You can use Adobe AIR to build HTML5 desktop apps.
AIR uses the webkit engine:
http://help.adobe.com/en_US/AIR/1.5/devappsflex/WS5b3ccc516d4fbf351e63e3d118666ade46-7ec1.html
See also:
http://help.adobe.com/en_US/AIR/1.5/devappshtml/WS5b3ccc516d4fbf351e63e3d118666ade46-7ecc.html

HTML5 enabling scripts

I am keen to try out one of the HTML5 js plugins to use HTML5 markup on a new client project. Has anybody had experience using Remy Sharp's HTML5 enabler (http://remysharp.com/2009/01/07/html5-enabling-script/) or the Modernizr plugin (http://www.modernizr.com/) on a project that can offer tips or gotchas? I am supporting IE7+ as well as the modern browsers.
Thanks
Remy's script is pretty solid. And the latest version has Jon Neal's print enabler plugin as well so you should be good.