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.
Related
I have a good knowladge in web development , But in this situation, I'm trying to find the best way to convert flash site to html5 where it supports in all modern browsers and compatible with iphones and tablets,
http://www.undergroundcathedral.com/
Please do visit the above link, currently it works in flash, I want to convert it into html5,
I would be glad if any one can suggest me a way of doing it, with complete guidance tutorials, and links,
I drew lines in a html5 canvas but, couldn't find a way to make them anchors. I hope to add onmouseover event to play the sound and to pop up the image,
Suggest me the best way,
Thanks in advance :)
Google has a good service for this use called Swiffy. It is also availible as a plugin for Adobe Flash Studio, if you use it.
From as far as I know Adobe Flash CC has the ability to export, including apps built using ActionScript, into HTML5 + JS + CSS web apps. Take a look > http://tv.adobe.com/watch/creative-cloud-for-web/adobe-flash-professional-cc-overview/
Seen many posts on this around the web but no nearer finding out if it's possible to do...
Have seen http://www.webqr.com/ recommended but I tried uploading the .zip from github (https://github.com/LazarSoft/jsqrcode) for this to phonegap and the compiled app fails on android with "Sorry, native web camera streaming (getusermedia) is not supported by this browser"
Well, I'm not trying to use the webcam really, I want to access the camera on the phone/ipad if possible.
Is it actually possible to do this from HTML5 or does it require a proper native app? (so xcode for the ipad app I have in mind)
I've also seen some plugins for "phonegap" (as opposed to phonegap build) which would also require a mac/xcode so that's not the angle I want to approach it from as I'm trying to do this all from windows if possible.
This may help. it a js plugin. search the phonegap plugin page for 'scanners'
https://build.phonegap.com/plugins/2421
https://github.com/wildabeast/BarcodeScanner/tree/c74e37a
Hi there...
I am having a query about how to publish in HTML5 format through flash.
I have a .fla file containg animation and Actionscript 3.0, when i publish it to HTML, it ask to download flash player in browser. But it is not necessary to have flash player in the browser while loading the .html file. So plaease guide me for the issue.
Thanks in Advance..
You're misunderstanding what the menu means by publish to HTML. This is simply publishing a SWF file and a corresponding HTML file that has HTML code to embed the SWF. This is not a cross compilation option. Those exist but that's not what you get in Flash CS5 by default.
If you're interested in Cross Compilation from AS3 to HTML/JS you can check out Randori and also projects like FalconJS:
http://blogs.adobe.com/bparadie/2011/11/19/what-is-falconjs/
I saw a talk about both of these recently in Chicago by some of the developers. They both seem like promising concepts (basically dodging the flash player).
The other option if you're trying to develop for mobile deployment is to package your code as an air installer. This will run your code on top of the AIR runtime (which has support on tons of devices, iOS, Android, Blackberry etc.), but this is not an in the browser experience, but rather a download the app type deal.
From what I got from the two developers (one from Apache Flex, one the creator of Randori) neither wanted to put too much trust into Adobe's platform given it's no longer supported on most mobile devices.
As an aside Adobe also has a product called Edge that allows you to do animation with a similar tool-set to what you get in Flash and exports HTML/JS/CSS. If you're not interested in AS3 or object oriented programming or type-safe languages cross compiling might not be the best option. I've personally been playing with AngularJS lately and been liking it due to the parallels with Flex, but there's a lot of great scripts/libraries/frameworks out there, if you explain a bit more of what you're trying to accomplish I can give more directed guidance.
Currently we have application in Silverlight which contains a dashboard. The dashboard was developed in Silverlight.
Now we want to migrate the Silverlight dashboard app to HTML 5.0 so that the app can run on iPhone, iPad & android phones.
How we can migrate Silverlight application to HTML 5?
Also, do we need to use any third party custom control for dashboards in HTML 5.0?
You need to convert you graphics from XAML to SVG. If you have the designs for this project, then you might want to take a look at Adobe Illustrator CS5 HTML5 Pack, which lets you "Save As SVG". You should keep everything vector based so it scales to iPhone, iPad and Android.
Then you need to transfer your UI behaviour to javascript. I suggest using KnockoutJS by Steve Sanderson. I would combine this with jQuery for ease of use.
As #Polynomial mentioned in his comment, there is no "convert to HTML" package per se, but with a little know-how you will be able to migrate.
Take a look at this project http://www.cshtml5.com/ . It might help in some simple cases.
This may not solve your problems at this moment, but there is a project under development to rebuild Silverlight without using a plugin. The project has been under development for almost a year and the website just recently launched # http://fayde.wsick.com/.
DISCLOSURE: I am affiliated with this project.
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