Javascript :: Flex Vs JQuery Vs GWTvs / Closre Vs Cappuccino Vs Plain JS And HTML5?
May 19, 2010
I'm creating my first web application and I'm really confused as to what technology to go for. My application needs to look serious (like an application), it doesn't need many colorful graphical interfaces. It only needs a toolbar, a tab bar, a split panel (preferably 3 columns), an easily-formatable text field, and a status bar. It will connect to a MySQL database through PHP (unless I go for GWT). Users will upload files. My evaluation of the options:
Flex: Probably the easiest to develop but I'm pretty sure my application is something one would use on an iPad and with Flash's future on the iPad still unsure, I don't want to take the risk, otherwise Flex would've been my choice. jQuery: I've heard a lot about it and a lot of people recommend but I don't know how easy it is to use and how customizable the look of my app is. GWT: The problem with GWT is that it doesn't have many widgets. Another problem is that I'm gonna have to host the files in AppEngine's datastore and transfer them back and forth to a web server that will do operations on them (I need to process them) which adds more traffic and slows the process which worsens the user experience. Closure: It has a nice toolbar and a nice text field. I'm not sure how easy it is to use. Plus, I read an article that makes it sound really bad.
I need Flex code to support HTML5 File API. Because I need to support File API feature for those browsers that did not support File API. Do you have any code or link?
I built a prototype in Adobe Flex, they (customers) liked it. Everything was fine until they later told me that iPads / iOS needs to be supported too.I checked out Adobe's Packager for iPhone. We're evaluating that and we will know if it works out in a couple of days. (We need to get through Apple's red tape and certificates raj so this angle is delayed by a few days!)
There is a growing voice for using HTML5/Canvas as a technology platform itself. And despite being quite proficient in Flex, I think this makes sense.
I'm in need of a HTML5 library that can:
Render "widgets" i.e. containers with forms and components(this should be easy and possible using POHJC - Plain old HTML,JavaScript and CSS )Provide a Tree like control for laying out some data Provide a Canvas where data structures can be represented as basic shapes Provide drag and drop capabilities between Trees, Buttons and Canvas Provide some sort of Tab Navigator container (I guess JQuery works here) Interact with back-end services (JSON/XML calls will be okay, but mapping directly with back-end entities will be awesome!)Renders on latest versions of major browsers, Android OS and iOS (WebKit for mobile?)
I'm ready to give JQuery & JQuery UI a try. I looked at Sencha / ExtJS but it seems we need to maintain two code bases one for normal browsers and the other for mobiles (is that correct?)Single code base, I don't want to suggest to them that multiple code bases for the client need to be maintained. That's a last resort option and would lead to complete ruling out of HTML5 with Flash apps and native apps being developed.Canvas capabilities - I don't want to work with raw canvas and shape tags. This too is a last resort option. Is there any abstraction available?
I am a web designer and I do like to hand code using jquery however, I think it would be much faster to use gui applications like flash to create animations especially on the fly as well as support for writing and editing source code.
I'm looking for a good jQuery plugin that allows HTML5 video playback, with graceful fallback to Flash (and potentially further, to default system player, etc). I've googled, but nothing I've found has been quite what I'm looking for.
I would like to take a Flash video that is hosted on another site (like Youtube) and embed it into my own site with a custom designed HTML5 / CSS / jQuery GUI for player controls.
Would I have to create the new player GUI in Flash?
I'm just trying to understand how once HTML5 enters the picture, the current concerns about browser incompatibility and other issues go away? Wouldn't HTML5 simply add another set of browsers to the large list of current browsers that the application must target?
That is, assuming the enterprise web app requires one of these new HTML5 features (e.g. playing audio and/or video, integrating SVG or vector graphics, etc.). If such a feature isn't critical then graceful degradation may be acceptable and then my question is moot.
But for those apps that require one of these new HTML5 features, are you planning to support older browsers, or expecting it's acceptable to restrict to HTML5 browsers because the enterprise in question has made one of them their new corporate standard (or other scenario, etc.)?
Does html5 developers animate vector graphics in any way? I'm talking about straight key-frame vector animation, such as what flash does. Is the way to do this basically using javascript to manipulate SVG graphics such as what [URL] does? which is a bit weird to me since it's been supported in browsers for quite some time) or does html5/canvas lend itself someway to vector graphics animation? I'm just trying to understand what's the "new" way developers will animate vectors on the web if/when flash plug-in eventually dies.
So now Adobe has pulled the plug on Mobile Flash and are pushing more for HTML5, and Silverlight has pulled the plug too, what's next for interactive video content. So if they die out (as they are currently trying to do) how do we access web cams (or even phone cams) on websites. The HTML5 Media Capture looks like it doesn't support streams only Files, so that could be out, is there any alternatives at the moment, or in the near future?
I'm looking for javascript libraries and code that can simulate localStorage on browsers that do not have native support.Basically, I'd like to code my site using localStorage to store data and know that it will still work on browsers that don't natively support it. This would mean a library would detect if window.localStorage exists and use it if it does. If it doesn't exist, then it would create some sort of fallback method of local storage, by creating its own implementation in the window.localStorage namespace.I understand that Flash and Silverlight can be used for local storage as well, but haven't found anything on using them as a fallback for standard HTML5 localStorage. Perhaps Google Gears has this capability too?Please share any related libraries, resources, or code snippets that you've found! I'd be especially interested in pure javascript or jquery-based solutions, but am guessing that is unlikely.
How would one go about caching / managing many large files (videos) on a user's computer via browser mechanisms (plugins are acceptable solutions). From what I can tell, local storage is about database type data, not files.
I am trying to capture the microphone and send the recording to my server.. I tried this method here but it records only a big WAV and the upload can be slow sometimes. Is there a way to capture the voice and compress it on the client side? Best method would be to send the recording while recording, but I have no Idea if this is possible. (It works for YouTube Live Webcam recording, it must work for Audio only too..)
I know it is not right out of the box, but is there a hack anywhere that uses javascript, php, or even flash to play the MP4s if the html5 video tag isn't supported?
I have a HTML5 video with jquery hooking into the player like so: video.currentTime += 1; But when IE comes along and insists on using Flash plugins, none of my JQ will work - How am i supposed to control the video when Flash takes over from HTML5?
The player im falling back to is JQplayer as "player.swf"
I am developing a web based multi-player board game and wondering what the best language for the UI would be? Its a board game similar to Go but a lot simpler.I have two options flash or the much touted HTML5 with JS. I have to learn both though I have basic knowledge of JS.The problem with flash is I have to pay for the server component but the UI development could be easier and have a richer look and feel to it. With HTML5 + JS there is no cost involved but the UI development I feel will be clunky and not smooth. This I am not sure.
I had created an HTML5 Canvas WebGL game in January for the Mozilla Game On 2010 competition (pretty late, I know - I never released it until yesterday). Now I want to port it to Flash ActionScript 3.0 for a college assignment.I'm well versed with both static languages like C/C++ and Java; and dynamic languages like Python and JavaScript. However I don't know ActionScript, but since it's a subset of ECMAScript it should be pretty easy to understand.I want to learn programming in ActionScript 3.0 so that I may be able to port my game in Flash. To be more specific, I want to know more about:How is ActionScript different from Browser and Server-Side JavaScript, and basics.OpenGL programming in ActionScript (including loading textures, shaders, etc).How to create a HUD in Flash using a 2D HTML5 Canvas like API (in my game I have 2 canvases, one for the 3D game and another overlaying it for the heads-up display).Support for vector and matrix calculations in ActionScript.How to load assets like audio and sprites in Flash.It would be even more helpful if you would check my source code in JavaScript and suggest the best possible way for me to tackle this problem.The code for the main game engine and the game itself may be found in my Github repository.
I have this javascript file which is a modified version of the VideoLightBox script:
jQuery(function(){ var $=jQuery; var swfID = "video_overlay";[code]....
The script opens a flash swf file in a "popup" lightbox fashion and plays it either from youtube or via a player locally.I was however wondering if it was possible to create a secondary swf to float on top of the player (noting that this of course would have the wmode:"transparent") and hereby create an opening curtain effect revealing the first swf and the player. I've been trying for quite some time now to load the top clip via createSWF and to create an additional div to contain it and float it using absolute position however I can't seem to get it right.. I know that the div float perfectly on top of each other when using:
I want to load some jQuery code before the DOM is ready. I want to make a flash file transparant as the DOM loads. I was going to use something like this but Flash is initilized before the DOM loads.
The flash content is coming from our Advertisement Manager, which stupidly enough, doesn't allow direct editing of the HTML, as to add the required wmode attributed into the specific tags...
[URL] In the following link .Is it possible to get the upload /download limit which is displayed on the screen to a javascript alert(uploadlimit) or alert(downloadlimit)
I have written a modal using jquery UI and it appears at the front of a flash movie thus the html inside the modal becomes corrupt, I tried to hide the movie right before modal gets triggered and reappears after closing the modal, works well but each .hide() and .show() the flash movie gets resetted while all I want is to hide (without removing the movie) and displaying it once it is triggered to .show that modal div.
Im trying to use JS to send data to my Flash AS2.0 music player with ExternalInterface, except there are no good tutorials or guides on ExternalInterface that I can find. I want to be able to change the current song in the player by clicking a JavaScript link, and on page / window load without clicking, play a default song.
I dont need a super complicated answer on loading sounds in flash, etc., I am just having a lot of difficulties getting JS to send anything to Flash, and when I get that to work - would I need to put some if / else into the flash to determine if the link has been clicked or not?
I use jquery.flash() plugin to embed flash into my website. The problem is that in IE6 this doesn't work. I tried swfobject (1.5), also, but it gives me (sometimes) some strange errors with n null or something like that, so I decided to use jquery.flash() also. (I use both swfobject and jquery.flash() now)
So, basically, swfobject works but gives me that strange error sometimes (all browsers), so NOT all my flash banners work, and jquery.flash() WORKS in all other browsers, except IE6.
Ok, I'm using Jquery to build a dynamic menu, and sIFR to change the text to TrajanPro font.
This does not mix. I want to find a way to make it mix, though.
sIFR has automatic parsing of links, so that Flash sends you to the link location. What it doesn't do is pass on javascript triggers. I'm trying to make my menu as accessible as possible, by using hard links and then rewriting them with Jquery into managing the visibility of submenus, like this ~
I have been using a jquery plugin called uploadify for handling file uploads as it comes with interactive flash upload. but everyone on my website is complaining its not working.
I have a swf that opens up inside a colorbox window. When the video finishes playing, I make an externalinterface call to a javascript function to close the colorbox.I'm trying to execute the following AS3 code:
I can't seem to get this to work. The colorbox won't close.I also tried this to see if I was just making the wrong function call, but this didn't work either: ExternalInterface.call ('alert("hello world")')However, if I browse to the url of the swf file, so that it doesn't open inside the colorbox, the alert() call works just fine.
