Good html5 open source project
I am looking to look at some examples of projects that makes heavy use of html5 canvas and does something interesting with it. The project must have source available. Any recommendations? ...
html5
Trouble with setInterval and undefined arguments
I'm trying to create a basic strobe light in the browser using the canvas element. I'm expecting setInterval to keep calling the changeBG function to change to a random background color. This function works fine on its own, but not when called by setInterval. I tried pulling up this page in firebug and it told me that colors was undefine...
Can you store the entire jQuery library within the application cache in HTML5?
Thats pretty much it. Looking for best practice with mobile jQuery caching. Thanks for the help in advance. ...
HTML5 Canvas layer issue
I have similar issue with layers as described here http://stackoverflow.com/questions/3008635/html5-canvas-element-multiple-layers But, accepted answer doesn't work for me, as for layer1 I have rendered image (drawImage) And second layer - layer2 (gradient) always under layer1. Sample code: canvas = document.getElementById("layer...
HTML5 cache - retrieve list of cached pages
Hi - I have some questions about usage of HTML5 Cache, hopefully someone can provide some help. I have a web app where a user can query info about reservations they have made. I'd like to use the HTML5 Cache so that when a user queries a reservation, the results page will be cached offline. I want this so the user can quickly view the r...
Mapping HTML5 elements to HTML classes and IDs, but what about header tags?
Hello, at work we're starting to follow this particular guide for slowly implementing HTML5 goodies: http://oli.jp/2008/html5-class-cheatsheet/ The basic idea of using HTML5 structure, but with HTML4 divs with classes and IDs instead. We're aware of Javascript scripts that can genearate the require HTML5 elements (so IE can actually st...
How can I tell a widget to maximize to fill the whole space available?
I'm developing a widget for mobile phones using the Vodafone Mobile Widget Platform and I'm trying to get it to fill the entire screen. Using height and width to 100% doesn't seem to work as expected. Anyone know what to do? ...
How can i use the different view modes of a mobile widget?
I'm trying to make a mobile application using the Vodafone Mobile Widget Platform and I've seen they support different view modes, like... docked, floating, etc... How can make use of them? Also, is there any way to detect when a widget is docked or is floating? ...
Django URLField and HTML5?
Is it possible to make django's (v1.2) URLField output an HTML5 input tag where type="url"? ------------- SOLUTION ------------- from django.forms import ModelForm from django.forms import widgets from django.forms import fields from models import MyObj class URLInput(widgets.Input): input_type = 'url' class MyObjForm(ModelForm):...
WebKit TouchEvents - Not accurate?
I'm using the following to capture Touch Events on an Iphone. document.addEventListener('touchmove', function(event) { event.preventDefault(); var touch = event.touches[0]; $('#touchPosition').text("Touch x:" + touch.pageX + ", y:" + touch.pageY); }, false); Strangely, I'm finding that the positions are wrong...
Custom 1-button player with HTML5 audio tag
Working with the <audio> tag in some web development I've been doing lately, and one thing I'm trying to do is use it to build a word list and provide a pronunciation sample next to each word on the list. Setting this up isn't hard at all, however this sort of application hardly requires the full set of controls; just a play button. Th...
CSS3, how to make my Gradient WebKit Background Transparent?
I have the following line of CSS: background: -webkit-gradient(linear, left top, left bottom, from(#243d63), to(#1a2638)); How can I make the background transparent, ie an opacity of .9, so the user can see what's under the div that has this style? Just for WebKit only concern... Thanks ...
What is html5 ARIA?
What is Html5 ARIA.I does not understand how to implement it? ...
HTML5 Application Cache Not Working
I've been writing a simple text-editor in HTML5 that is supposed to work offline. I can't, however, get the offline application cache to work, and I can't work out why not. My manifest file is like this: CACHE MANIFEST application.html options.html ... And it is being invoked as follows: <!DOCTYPE html> <html manifest="cache.manife...
What is the current state of the art in HTML canvas JavaScript libraries and frameworks?
I am currently investigating options for working with the canvas in a new HTML 5 application, and was wondering what is the current state of the art in HTML canvas JavaScript libraries and frameworks? In particular, are there frameworks that support the kind of things needed for game development - complex animation, managing scene graph...
Rotating an image in canvas and keeping it draggable
I have an image that I draw on a canvas. When the mouse clicks and drags I get the mouse coordinates and use them to set the positionX and Y of the image. After that's been done I redraw the canvas. That works like a charm and I can move the image over the canvas. But now I make 2 buttons so I can rotate the image left and right. When I...
Converting Flash video to HTML5
I have a flash video(.swf) on my website and i want it to convert into such a format so that it remain available from iphone/ipad. Is there any possible way of doing so? Can i convert it into HTML5? If yes can anyone suggest the process and if no, can anyone suggest any other method? Any help would be highly appreciated. ...
Rotate along Z- axis in HTML5 - Flip card
Hi All, I just came across a simple flash animation on flip card The Playing Card Effect The card has 2 images "front" image and "back" image, when clicked the card toggles with rotating along Z axis showing the front and back face accordingly. Can the same effect be achieved using HTML5 / Canvas / CSS3 ?? PS: I'm complete newbie/noob...
HTML5 iPhone dynamic caching of images
Hi We are building web applications for the iPhone that work offline. But we are having difficulties caching dynamic images. Please read on and I'll show by example exactly what I mean and what we have done so far. So for example let's say we are building a simple list application with just 1 page. The application's only purpose is to ...
Why does Firefox mess up page loading if I use a cache manifest?
Hi all. I have developed an html5 game which I also want to play offline, so I decided to add a manifest file. The game is in a subdirectory, e.g. /games/game/ and the manifest is in that directory: /games/game/application.manifest. But the game depends on serval site-common files stored in /js and /css OUTSIDE the game directory!!! The...