html5

How to create an image with "hoverable" areas that show additional information in jQuery or HTML5

Hello friends, I'm trying to create something which I feel should be simple to do in jQuery or HTML5, but am having a tough time finding the resources for it. If anyone can help, it would be much appreciated. Goal- I've got a single image with 16 sections that are hoverable. There are other parts of this image, that are completely stati...

Creating Audio using Javascript in <audio>

I can't find anything through net searches, but is there any plans to make an API to generate audio chunks to be played in an HTML5 <audio> tag? EDIT: this is the example:: PSEUDOCODE:: var music = new Song([Array of hertz levels or notes]); var box = document.createElement('audio'); document.body.appendChild(box); box.src = music.conv...

How can i draw polygons on an HTML5 canvas through a JavaScript function

i want the user to be able to click somewhere on the canvas and the polygon will appear on it <DIV id="canvasarea" class="rounded"> <CANVAS id="canvas" width="800px" height="800px"></CANVAS> </DIV> ...

HTML5 audio on iOS4 iPhone offline Web app does not play?

I built an offline Web app (at www.chirp.com) that caches itself when bookmarked on the desktop. Testing on the iPhone4 in airplane mode shows that the program runs without a network connection (except for Google map access of course). But the mp3 sound files do not play in this mode. Is there a problem with the audio tag when running in...

How can one download the contents of an HTML5 web database to the client?

I am looking for a way to save the contents of an HTML5 web database to a local file for persistence and for loading back into the web application. I'm using Firefox 3.6.8 with the HTML5 features to use a local web database. I can upload a file and read it's contents but am unable to find an elegant way to save the contents of the databa...

Hiding text as font-face fallback?

Hello, I am trying to code a clean html5 website. I am using the html5 boilerplate as the base of the website. It comes with modernizr. For the page title I am using text-shadow and font-face and have set up a small css fallback via modernizr (when one of the features is not available, a png image will be shown as background). So the ...

Can rebol parse function be able to create rules for parsing css2 / css3 fully ?

Are there limitation to rebol parse function power ? Would it be capable of parsing the whole css2 / css 3 spec or will it encounter theorical impossibility to form some rules ? Update after HostileFork answer: I mean in regexp I think it would be rather impossible, is parse much more powerfull ? If yes does it mean it would be possibl...

Will removing the type from a <script> tag break in any browsers?

In HTML5, you no longer need to include the type in a script tag when you are using JavaScript. Are any common browsers (IE6+, Firefox 2+, Safari 3+, Opera 9+ or similar) going to break if the type is removed from all the <script> tags? So, is changing the following: <script type="text/javascript" src="/path/js.js"></script> <script t...

Which HTML5 reset CSS do you use and why?

Which HTML5 reset CSS do you use and why? Is there one that you've found to cover more cases? I've started using HTML5 Doctor's: http://html5doctor.com/html-5-reset-stylesheet/ It seems to work, but I'm wondering if there is something better out there. ...

Using custom attributes in DOM elements, with boolean value

Is there a way to add attributes to a DOM element with boolean value like this: <body test='false'></body> I need to set this without using javascript. Thanks ...

HTML5 Canvas Performance: Loading Images vs Drawing

I'm planning on writing a game using javascript / canvas and I just had 1 question: What kind of performance considerations should I think about in regards to loading images vs just drawing using canvas' methods. Because my game will be using very simple geometry for the art (circles, squares, lines), either method will be easy to use. I...

Canvas professional drawing effects

Recently I've been learning HTML5 stuff, especially canvas. I looked at many online drawing applications written in Flash(e.g. http://www.sumopaint.com, http://www.onemotion.com/flash/sketch-paint/) and they all seem packaged with awesome drawing effects. Smooth lines, simulated pencil/brush etc. What I'd like to know is - is there a ...

HTML5 Websocket only works on localhost

I followed the HTML5 Websocket tutorial of the website below: http://net.tutsplus.com/tutorials/javascript-ajax/start-using-html5-websockets-today/ It worked well, then I changed the host value from "localhost:8080" to "218.175.192.160:8080" (my ip) in client-side page, the server side still kept "localhost:8080". It turns out that I ...

How to handle meta elements not validating in HTML5?

Hi guys! In HTML5, some meta elements do not validate (yet?) like: <meta http-equiv="x-ua-compatible" content="ie=emulateie7;chrome=1"> <meta http-equiv="imagetoolbar" content="no"> Are Conditional Comments an appropriate solution here resp. will meta elements still work as expected? <!--[if IE]><meta http-equiv="x-ua-compatible" con...

Does IE9 Developer preview (Build 4, v1.9.7.9.16.6000) support the File API?

Does the latest IE9 Developer preview (Build 4, v1.9.7.9.16.6000) support the file API? The file API I am referring to is: http://www.w3.org/TR/file-upload/ Caniuse.com says the support is uknown and Wikipedia says it is not supported but doesn't specify what version of Trident it is referring to. Unfortunately I don't have a windows m...

How to set CSS property when developing for the Vodafone MWP ?

I'm working on a widget for the Vodafone Mobile Widget Platform and was trying to change some properties of a DIV using JS. I used document.getElementById('mydiv').style="width: 10px; height: 10px""; I should work, but it doesn't seem to set the right values. Is the widget run-time treating these statements differently than normal? ...

Do I really need to encode '&' as ' &amp;' ?

I'm using an '&' symbol with HTML5 and UTF-8 in my site's <title>. Google shows the ampersand fine on its SERPs, as do all the browsers in their titles. http://validator.w3.org is giving me this: & did not start a character reference. (& probably should have been escaped as &amp;.) Do I really need to do &amp;? I'm not fussed abo...

Know word at text insertion pointer on a webpage?

Hi, I would like to know the word at the position of the text insertion pointer in a form on a webpage. My problem is that I don't really know what language to use to do this, and I have no idea how to do it in Javascript. Any ideas? ...

Specifying the value output of of an HTML5 input type = date?

I'd like to add native date pickers to my application, which currently uses a legacy, home-rolled system. Date input support isn't widespread, yet, but if I could present both implementations based on compatibility, that would be ideal. Is there any way to specify the output of the value given by an HTML datepicker? The default for oper...

What is W3C latest officially recommended HTML and CSS version, for web development?

What is W3C officially recommended HTML and CSS version, for web development? Is it XHTML 1.1 and CSS 3? ...