html5

Any success with Sinatra working together with EventMachine WebSockets?

I have been using Sinatra for sometime now and I would like to add some realtime features to my web-app by pushing the data via websockets. I have successfully used the gem 'em-websocket' on its own, but have not been able to write one ruby file that has a sinatra web server AND a web-socket server. I've tried spinning the run! or star...

Is it recommended to use the Web SQL Database for storage on the client side

The use case is to have an application store data on the client side when offline. Is it advisable to use the Web SQL Database (which Chrome and Safari support, not FF though), or wait for the browsers to implement the Indexed Database API? ...

HTML 5 , CSS3 support PHP IDE ?

Is it available for HTML5 and CSS3 support PHP IDE ? In this days, I'm using espresso in Mac. But espresso is lacking dictionaries for HTML5. So, I want to know , What IDE support HTML5 and CSS3 ? ...

Why does the HTML5 DOCTYPE mess with my padding?

I have an html5 page with a navbar. Completely scratch coded. I just recently added a doctype to the item, and now I’m getting extra space under my navbar. If I remove the doctype declaration, it goes back to normal. I have completely reset padding, margins, etc. on everything, and cut it down to the a small amount of code that illustrat...

Gecko/Firefox support for HTML5 Notifications

Hi Folks, I'm wondering if there is any build-in support for the HTML5 Notification feature in Gecko browsers so far? Maybe some hidden developer thingy ? I'm aware of WebKits window.webkitNotifications which works great, so, is there a Firefox implementation ? update After searching and reading some w3c HTML5 specs, I'm maybe a litt...

Libraries and pseudocode for physical Dashboard/Status board

OK, so I bought a 46" screen for the office yesterday, and with the imminent risk of being accused for setting up an "elaborate World Cup procrastination scheme", I'd better show my colleagues what it's meant for ;) Looking at my simple sketch, and at these great projects from which I was inspired, I would like to get some input on the ...

Hyperlinks and iPad videos

Hello everybody, I'm trying to develop something in the cloud incorporating video, text and images. However, any hyperlinked content that appears above or below the video is unclickable, as the video takes the focus on the iPad. This isn't a problem with Safari in general, as it works on Desktop Safari. Thankyou, BH ...

Required attribute HTML5

First of all I will explain how I stumbled into this behavior. Within my web application I am using some custom validation for my form fields. Within the same form I have two buttons. One to actually submit the form and the other to cancel/reset the form. Mostly I use Safari as my default browser. Now Safari 5 is out and suddenly my can...

Can html 5 serve real time media stream?

I've heard of many interesting features of html 5, but is it able to serve real time media stream from web camera? ...

iPad/iPhone HTML5 video loading

I'm trying to load on the fly on the iPad/iPhone and notice that I cannot place a div above this. I put the overlay in the html so that it's generated on page load and not added via javascript and the video when its created is absolutely positioned below this element. This works on a PC, I'm wondering if since it was created via js th...

localstorage vs html5?

What's the difference between local/html5 on this page: http://code.google.com/p/jquery-jstore/wiki/DefaultEngines I was under the impression that I could use localstorage on Chrome, but looks like that's not the case? Some elucidation would be greatly appreciated. Thanks. ...

html canvas alpha channel

I have a very large html canvas element covering a solid background. I would assume that a lot of cpu could be saved when scrolling/panning if the browser did not blend the canvas to elements behind it (in this case, a solid color). Is it possible to remove the canvas alpha channel? Should this be left up to browsers to detect and optim...

HTML: Include, or exclude, optional closing tags?

Some HTML1 closing tags are optional, i.e.: </HTML> </HEAD> </BODY> </P> </DT> </DD> </LI> </OPTION> </THEAD> </TH> </TBODY> </TR> </TD> </TFOOT> </COLGROUP> Note: Not to be confused with closing tags that are forbidden to be included, i.e.: </IMG> </INPUT> </BR> </HR> </FRAME> </AREA> </BASE> </BASEFONT> </COL> </ISINDEX> </LINK> </...

html5 - canvas element - Multiple layers

Without any extension library, is it possible to have multiple layers in the same canvas element? So if I do a clearRect on the top layer, it will not erase the bottom one? Thanks. ...

Learning HTML5 & CSS3. Do I need javascript too?

I'm familiar with the way html & css work together. Recently I was previewing some html5 content demo'd by apple and saw they used a html5/css/javascript. I'm at the point where I need to know whether or not javascript is a must-learn; or if I can find similar workarounds with CSS3 & HTML5. Edited to clarify intentions: My aim is to ...

How to create a HTML5 + SVG document using the PHP XSLTProcessor

For a little project about XML I try to use HTML5 as it has SVG and WAI-ARIA Support. I also want to use a XSL stylesheet for my document. But I can't get a valid HTML5 document with a nested SVG. Here are some version I tested so far: <?xml version="1.0" encoding="UTF-8"?> <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999...

Autoplay audio files on an iPad with HTML5

I'm trying to get an audio file to autoplay in Safari on an iPad. If I go to the page using Safari on my Mac, it's fine. On the iPad, autoplay does not work. ...

Using background-attachment:fixed in safari on the ipad

I'm looking to recreate an effect similiar to the popular science app. Basically have one big background image and then have HTML/CSS layer on top of that. When the user scrolls the content, then background-position of the image should remain in place, and not scroll. Obviously in a 'regular' browser I would use background-attachment:fi...

What web browser supports <device> tag HTML5?.

I read some time ago about the possibility to use media stream from a USB or rs232 device with the tag such as a webcam with HTML5?. Is there a web browser that supports this right now?. (nighty builds of chrome, webkit...) Thanks. ...

Drag and drop between HTML 5 and Silverlight 4

Hi - Is it possible to drag an HTML 5 object, e.g. an <a draggable="true">, into a Silverlight 4 control and accept it? We've attempted to build a simple prototype using an HTML 5 example and a trivial Silverlight control but the cursor changes to the no-entry sign whenever we hover over the Silverlight control. We do, however, get drag...