html5

How to determine presence of HTML5 drag'n'drop file upload API (like the one from FF3.6)

I am writing an application that's supposed to support HTML5 drag/drop API for file, much like the on described here. I would like to perform a programmatic check on whether the browser support this kind of madness :) A solution that works for now is checking whether the browser provides a FileReader class, like this: if (typeof(FileR...

How to debug web workers

I have been working with web workers in HTML 5 and am looking for ways to debug them. Ideally something like the firebug or chrome debuggers. Does anyone have any good solution to this. with no access to the console or DOM its kind of hard to debug iffy code ...

DOM Storage expires time

How many days data, stored in localStorage (as a part of Dom Storage HTML 5) available? Can i set expires time for data which, i puts to localStorage? ...

Lifespan of LocalStorage data

I'm wondering how long data exists inside of LocalStorage. What I've gathered is that it is permanent until cleared by the application or the user. ...

local storage and session storage

I'm taking my first step of a thousand miles with the new local storage and session storage found in html5. http://www.w3.org/TR/offline-webapps/ Q: Is there a code example of using either session storage or local storage, where the user enters a value, the value is saved locally, the user then connects to the Internet on his 56K modem...

navigator.onLine

I'm playing with the incomplete example found at http://www.w3.org/TR/offline-webapps/ But I'm distressed to see comments in it like: "renders the note somewhere", and "report error", and "// …" So, will someone please help me write a valid example? Here's what I've got so far: <!DOCTYPE HTML> <html manifest="cache-manifest"> <head>...

HTML/Javascript inking or drawing control suggestions?

I am looking for something that will allow users to write out a signature in an HTML form. I am looking for something that will run locally on the machine so if it can be done through a javascript function or something else that would be great. I have seen the canvas HTML5 object, but I haven't found any examples that work well with IE...

Can you play a <video> inside the page with Safari iPhone?

I would like to play a video from inside the rendered page with an iPhone/Safari. When I put a <video>, it's always opened and played in a separate full-screen Quicktime window. Is there a way to play the video directly from the page? (a similar question http://stackoverflow.com/questions/751627/iphone-play-video-not-in-full-screen-mod...

HTML5 Canvas compositing question (source-in)

I am trying to recreate a page flipping type animation in HTML5 using canvas. The animation is based on ideas from here: hxxp://oreilly.com/javascript/archive/flashhacks.html but thats not really important. The problem I am having is that using the 'source-in' composite operation is not giving me the results I expect and would like clari...

Is there a way to create an ActionLink with HTML 5 Data- attributes?

HTML5 allows the use of custom attributes prefixed with the phrase "data-" which pass validation without the use of a custom DTD (more info). In Asp.Net MVC, is there any way to specify an ActionLink with a data- attribute? The typical method for adding attributes to an ActionLink is to pass in an anonymous object, with a custom proper...

How can I use with JS/CSS/HTML5 animation to get flash like animations? eg a PagePeel

Specifically, I am talking about a decent "realistic" looking page peel from one images to the next in a set. This sort of technology will be vital to the success of Apple's new anti-flash, pro HTML5 push. Flash excels at complex and robust animations. Is it possible to create the same effects using only HTML5/JS/CSS today? I found this...

HTML Canvas and saving the data on the server

Say I've written a simple app that draws circles in browser. Now I'd like to let people save their pictures. How would I store the data on the server? Which format would be the best option? Should I simply store the relevant html? What would be the case when I would want to make a custom format that is stored on the server and parsed bac...

Is there anyway to get an on hover semi-transparent overlay on an image using CSS3?

I need an on hover semi-transparent div which includes some text to appear over the top of a thumbnail image? Is it possible to do this without using JS and use just CSS? ...

How to change the opacity (alpha, transparency) of an element in a canvas element after it has been drawn?

Using the HTML5 <canvas> element, I would like to load an image file (PNG, JPEG, etc.), draw it to the canvas completely transparently, and then fade it in. I have figured out how to load the image and draw it to the canvas, but I don't know how to change its opacity once it as been drawn. Here's the code I have so far: var canvas = do...

Best browser for HTML5 CSS3 on the middle-long term?

If you had to choose a browser (just one) to be the primarily supported browser for a company jumping into HTML5 (CSS3).. Which one would be your safest bet on the middle-long term? Chrome, FireFox, Safari, IE? I'm looking for an objective recommendation based on standards driven/compliant, developer tools, fast & correct feature impl...

How to "enable" HTML5 elements in IE that were inserted by AJAX call?

IE does not work good with unknown elements (ie. HTML5 elements), one cannot style them , or access most of their props. Their are numerous work arounds for this for example: http://remysharp.com/2009/01/07/html5-enabling-script/ The problem is that this works great for static HTML that was available on page load, but when one creates H...

What scripting languages can be used with the HTML5 canvas element?

What scripting languages can be used with the HTML5 canvas element? This question may really come down to "what scripting languages are commonly supported by browsers?" Nearly all of the HTML5 canvas examples/tutorials use JavaScript. Some use processing, but even those fall back to Processing.js to do the rendering. Are there any go...

What new APIs should W3C work in to allow powerful mobile web applications?

As an amateur mobile developer, I feel dismay every time I have to fix, update or add new features to an application of mine. I'm eagerly awaiting the moment you can just develop a web application for any kind of device. HTML5 and new APIs like Geolocation API or Contacts API are a step forward, but what other APIs could be useful ...

Why use <canvas> instead of plain old Javascript?

Some of the HTML5 canvas demos are very impressive, but I'm a bit confused. What can the canvas element do that regular old JS/jQuery and CSS3/HTML5 can't? Are there performance benefits? ...

draw by mouse with HTML5 Canvas

Hello guys. I want to use HTML5 Canvas to draw by mouse (ex: draw a signature, draw a name,...) Please help me how can i do? Please give some source code. Thank you ...