html5

How do I clear text from the <canvas> element?

I have put text on an image in a <canvas> tag (the text was taken from an input box). Now if I put a new text on the <canvas>, it is imposed on the previous text. How do I clear the existing text on the canvas before putting in the new text? I have tried resetting the canvas by assigning canvas.width but the text stays on. Any help peo...

Any Particulary IDE for web application development?

Basically my intention is to create web application. I have to use js, ajax, jquery, html5, css etc... I would like to know if there is a web application development kit out there that helps me compile and debug my code? I am aware of "Aptana", but I am not sure if that is what I need. Can someone please eloberate what the choices availa...

seek bar handling with javascript on HTML5 audio tag

I've my codes as below <header> <audio src="friends_and_family_03.mp3" id="audio" controls></audio> <input type="range" step="any" id="seekbar"></input> <script> seekbar.value = 0; var audio = document.getElementById("audio"); var seekbar = document.getElementById('seekbar'); function setupSe...

link css,javascript from xcode

First, I created a xcode project and copied and pasted the CSS and javascript files into project folder. Second, I loaded a local .html file to UIWebView.But the css files and javascript files don't fire. <html> <head> <meta charset="UTF-8" /> <title>test</title> <link rel="stylesheet" type="text/css" href="css/mycss.css" ></lin...

Styling HTML5 Elements

I know that it's incorrect to style a <section> tag but how about the <header> and <footer> tags. If using these tags provides a more semantic markup then they should be used, however, if they can't be styled then a <div> would still need to be inserted inside the tag to wrap the content and style it. I know that <header> can be styled ...

Add entire folder to HTML5 App Cache

Is it possible to add an entire folder of files to an HTML5 cache manifest file? I can't list all of the files in the folder individually because the files in this folder will be dynamically changing (it is a folder of images). ...

Tools for HTML 5

Everyone keeps saying flash is dead, silverlight is dead, and the future is HTML 5. Most technical people I've talked to seem feel that this is a generally accepted fact. Just a matter of when the spec will be finalized, and when each major browser will finally incorporate all the individual features. But it seems to me there's a big ele...

Device report for CSS 3, HTML 5, JavaScript support and video codecs on iPhone, Android, WebOS and Blackberry

I am trying to create a device report for CSS 3, HTML 5, JavaScript support and video codecs for iPhone, Android, WebOS and Blackberry to ascertain what range of handsets to offer support to. I am trying to figure out the availability on various handsets/os's/browsers for mobiles of: and tags on those handsets list of codecs require...

most appropriate decision for dynamic web content

Hello all, First of all, I'm sorry because of this lame question. But I'm kind of lost in all dynamic-html, ajax, etc stuff. So i decided get help from the pros. Basically what I'm trying to do is creating a web page which have dynamic content(messages) coming from a web server(asp.net or php) presented in floating(movable by viewer) box...

We hear so much about "semantic html". Where/what are the algorithms reading our semantic html?

I keep making attempts at properly using HTML5 but I feel like it's still not even close to anything semantically valuable. My attempts: HTML5 Article node Architecture HTML5 Blog Page Architecture But there's such subtleties in every single tag! My question is, what specific software out there on the web is actually doing things l...

How can you catch a contentEditable paste event?

I've got a great editable text area going with wysihat and contentEditable. I really need a way to intercept paste events to either stop them, or process their DOM before allowing insertion. It's a little crazy they people can paste entire webpages into the editable areas. Is this possible? Come on future, arrive on my doorstep. HTM...

How would HTML5 web databases be cleaned-up?

I've started looking into HTML web database storage for some Chrome extension I'm working on, and it made me wonder - Who should be cleaning abandoned webdbs? As opposed to desktop apps, there's no uninstaller for a web site. And as opposed to regular cookies, webdbs can be much larger than just 4KB. I can imagine some browsers or add-o...

How to customize the HTML5 input range type looks using CSS??

I want to customize the looks of the range input type in HTML5 to look something like a progress bar. I've tried applying some common CSS attributes using CSS class but it seems that they are not working. Can any one direct me how to customize it?? ...

Are self-closing tags valid in HTML5?

The w3c validator doesen't like self-closing tags (those that end with "\>"). Are they still valid in html5? Some examples would be: <br \> <img src="" \> <input type="text" name="username" \> ...

Create bitmap copy of element using canvas

Hello, I've a created a simple page layout program for a client and would like to provide a thumbnail view of pages like the pages palette in InDesign. Is it possible to use the HTML5 canvas element to create a copy of a single element. For example, each page is an article tag. I want to copy this article using canvas and reduce it to ...

HTML5 and CSS - custom tags?

I am working on a straight HTML 5 website for learning. Before my CSS might look like: div.BoxHouse { margin-left: 72px; margin-right: 20px; } div.FloatingBox { text-align: center; float: left; width: 32%; border: 1px solid #3F4933; padding: 0px; background-image: url(transwhite.png); margin-left: 0.5em; } #content ...

HTML5 canvas drag events on iPhone (Safari or UIWebView)

Hi, I have a simple "drag to draw" doodle style HTML5/canvas implementation which uses the 'mousemove' event on the canvas. E.g.: canvas.addEventListener( 'mousemove', drawingFunction, false ); This works fine on, say, Safari or FF on the desktop. However, when run on an iPhone, dragging only scrolls the webview around the screen. No...

Animating image/3D/sprite with javascript/css3/canvas

Kind of a dilemma here. I am making a mobile version of a website, that has some interactive things more specifically I have this object in 3D that you can spin, I was using papervision in Flash but now I need to do this differently since there is no flash in mobile and I feel I am on thin ice. I was thinking of exporting a 360 degree s...

Running HTML5 fullscreen in an app that doesn't allow them to exit

Working on an html5 app for a touchscreen windows xp computer that will be running in a store display. We need a good way of keeping users from exiting the program. Any ideas on how to accomplish this? ...

What is a good HTML5 Outliner?

I've been reading Dive Into HTML5, and Mark mentions that: "You can test your own pages in the HTML5 Outliner to ensure that you’re using the heading elements properly." I've tried this HTML5 Outliner and I know that it is functional from outlining other HTML5 pages I've found on the Internet. The trouble with it is that thi...