html5

I need Some CSS Ideas for Visualization for visitors

I am currently trying to improve the look of my website (beta) for book accommodations and hostels, the site is a basically a directory for hostels. Well, at front page, you will notice that all headings are almost sharing same color... However i am unhappy with that, i mean i want to colorize things a bit, but need some advices from c...

Using html5 localstorage can I find the index corresponding to a key value

window.localStorage.setItem("Georgia","Atlanta") var x=window.localStorage.getItem("Georgia") I have a list of 50 states and the largest city stored in localstorage. Using the code above I can easily retrieve that Atlanta is the largest city for "Georgia". Is there an easy way to do a reverse lookup and search for "Atlanta" and get "G...

servlet html5 <video>

I have <video src="someServlet"> where I write in servletOutputStream bytes from some video file, but it does not work. When I write <video src="/somedirectory/somefile.ogg">, it works fine. Can anyone help? ...

Guides/tutorials for learning html5

Can anybody tell me a good tutorials for learning html5. a tutorial which is explaining the new features and the things droped etc. my sister is in 9th standard and knows html4. So i want to tell her a guide for html5. Any suggestions? ...

Variable not being updated on button click?

Hi everyone, I'm making a simple jQuery script that will allow you to change something on the click of a button. My problem is that if I change the value (checked), and then click the submit button, it will recognize it as the default. If you do this on the default, it is set to off, so if you check it off (turn on) and then click the su...

Android Web Page Needs Force-Refresh To Show Background Colour

I have an HTML 5 web page using CSS 3 and have tested it in more browsers than you can shake a stick at. I am getting a strange problem when viewing the page on an android phone... When I visit the pages, all of the CSS renders, except the background colour (and luckily the foreground text colour). If I force-refresh the page, it then w...

Interpolating RGB color

I'm wrestling with how to interpolate a color, given a start_time and end_time, start_color and end_color. For simplicity, here is an example of how I'm thinking of doing it with just the red component: start_time = 0 end_time = 1 start_color = F //base 16 ftw end_color = 0 I can see how at time .5, red_out should be 8. This would be ...

How to truly make a navigation bar 100% width.

I'm working on my personal website and when I originally designed it (http://flic.kr/p/83TsXa) it had two horizontal bars that where supposed to extend 100% of the total width of the website, but when I wrote the code I could not get the page to display properly (please see what I mean - www.gaspyweb.com). What am I doing wrong here? Wha...

What can be achieved in a native mobile application that can't be done in a HTML5 web app?

I've talked to a lot of people recently who say they are expecting to stop writing native mobile apps and start writing web apps once HTML5 gets more fully baked in mobile OSs. I just finished my first HTML5 deep dive, and I'm not yet convinced. Will HTML5 work as a replacement development platform for native apps, or are there certai...

What HTML5 canvas-based controls library should I use right now?

Google shows that there are already few generic HTML5 canvas-based libraries available. But no high-quality editing/charting controls that I used to see from "big" control developers like Infragistics, Rad, etc. Any recommendations on what should I look at? ...

does IE8 support out-of-the-box in 'localStorage'

I am trying to use html5 feature 'localStorage' according to this blog it can be done using IE8 however when I am trying use it I get javascript error the 'localStorage is null or not an object' So my question- can it be used by IE8 out-of-the-box or not? Here is my code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"...

How do I fix inconsistent Textarea bottom margin in Firefox and Chrome?

I'm trying to eliminate the extra bottom margin that both FF and Chrome seem to give to Textareas. Surprisingly IE seems to do it correctly. I would like to avoid using conditional includes but CSS3 tweaks are ok. TIA! Screen Shots Sample Code <!DOCTYPE html> <html> <head> <style> .red-box { background-color...

HTML5 enabling scripts

I am keen to try out one of the HTML5 js plugins to use HTML5 markup on a new client project. Has anybody had experience using Remy Sharp's HTML5 enabler (http://remysharp.com/2009/01/07/html5-enabling-script/) or the Modernizr plugin (http://www.modernizr.com/) on a project that can offer tips or gotchas? I am supporting IE7+ as well as...

control html5 video player loop with JavaScript

I am looking to enable looping of html5 video in browsers that do not support the loop tag (ff) with JavaScript. Does anyone know the feasibility of accessing the end of the video play and reverting play back to zero? ...

How canvas tag is beneficial in HTML5?

I am a junior developer I can't understand how canvas tag is beneficial for us? I read lot of articles on that but I can't get the root benefit getting from the canvas tag. ...

HTML5 Canvas flip vertical function works in Firefox but not Chrome or Safari. why?!

Here is the code that works perfectly well in Firefox, but I just do not get why it does not work in Webkit browsers! Note: Im using jQuery to select the canvas element. (function() { flipV=function(imageData) { var n = new Array(); var d = imageData.data; // loop through over row ...

How do you use window.postMessage across domains?

It seems like the point of window.postMessage is to allow safe communication between windows/frames hosted on different domains, but it doesn't actually seem to allow that in Chrome. Here's the scenario: Embed an <iframe> (with a src on domain B*) in a page on domain A The <iframe> ends up being mostly a <script> tag, at the end of...

Removing an image from a canvas in HTML5

Hi, there's an example, which loads 2 images: canvas = document.getElementById("canvas"); ctx = canvas.getContext("2d"); var img1 = new Image(); img.src = "/path/to/image/img1.png"; img.onload = function() { ctx.drawImage(img, 0, 0); }; var img2 = new Image(); img2.src = "/path/to/image/img2.png";...

IE8 support of (html5) ajax navigation

Is it true that to enjoy Ajax navigation IE8 support only window.location.hash mechanism but not window.history ?? Those 2 API are described officially here but it isn't said which of them is supported in IE8 ...

How to Draw with your Finger on an iPhone Web App HTML5 - Is it possible?

As a webapp, not a native app on the iPhone or Andriod. Is it possible to draw with your finger? If so, how? Anyone have or can provide a barebone simple example that just loads a blank page? Thanks ...