html5

Listing ol li up to down in 2 column with CSS

Hi friends, I have ol li listing (in 1 ol tag), I need to list it as below. must be a way to do it in CSS. Appreciate helps! thanks a lot! ...

Does HTML5 mean doing less with JavaScript?

Will browsers that use HTML5 use less JavaScript, jQuery, etc. and make things like animations done with just HTML? Will it make Flash less necessary for “smooth” graphics? In other words, I won’t lose anything by taking the time to learn jQuery since HTML5 is here, will I? ...

Tearing in HTML5 canvas?

I'm making a small game using the HTML5 canvas element. It works great, except that it has a scrolling background with obvious tearing happening in Firefox and Chromium browsers in Ubuntu. I'm pretty sure it's buffered because there isn't any of the flickering I'd expect; just tearing. Is there any way to work around this or time rend...

Switching page content in iphone UIWebview html5

I'm building an iphone app. I have multiple "pages/sections" of content, and I'd like to see what you all thought was the best way to swap the content out. I'm using jquery. This doesn't look like a typical iphone app, and so I'm not using jqtouch. Currently, I have a container div and I use the jquery load method to load in the di...

Which web technology[ies] should I learn?

Hey guys, I have never done any web development but am very interested in learning some web technologies. I believe I have a fairly solid understanding about programming, so I think picking up different languages/technologies shouldn't be too difficult. I am a junior in college, majoring in CS, and would like to work on a couple of smal...

html 5 video tag file without extension

I have this sample code, that works: <video src="./ellen.ogv" width="320" height="240" type='video/ogg; codecs="theora, vorbis"' controls></video> And this one that doesn't work: <video src="./ellen" width="320" height="240" type='video/ogg; codecs="theora, vorbis"' controls></video> The only change was on the name of the file. Fir...

Overlay Canvas Pixel Data

How do I blend these two sets of pixelData? The maskArray specifies the pixels to use from the OverlayData. These need to be merged with the backgroundData, and inserted back into the main canvas as newBackgroundData, and as offsetX changes update as needed. update I think I have found a solution: simply create another hidden canvas, a...

Play Sound Using HTML 5 on Web Application

I'm building a web application to support RPG games, like Dungeons & Dragons. It's like a AJAX chat room with dice rollers, avatars, shared information, character sheets and so on... One of my desired features is to let the game master to play music to all game members. How can I implement that? I'm building the application with Asp...

Can a html5 local app have an asp.net session? (local webapp for iPhone)

The context: I'm actually developing a small web app (C#/MVC2). Users are going to use their iPhones (and probably Android phones in the future) to access it. At the moment it's quite simple (it just shows some info and reports from our customer's ERP), and I decided to give a try at creating local webapp that the users could add to t...

Google's doodle and HTML5, could it be done with XHTML 1?

I've read on websites and heard on podcasts that the Google doodle is was bestowed upon the masses through the miracle of HTML5. I looking at the code and validated the source of the Google homepage page via W3C and received 35 errors. While HTML5 is certainly fine and dandy it seems the real work is being done by CSS3 and JavaScript. ...

input type ="url" for relative URLs

I had a input box for users to enter in a custom link to a page from the creation form (somewhat similar to Wordpress). (e.g. about/awards which gets used for http://site.com/pages/about/awards ) At some point, this stopped working in Chrome, as they now do stricter validation of input type="url" field. Which would be good but: It doe...

How do i get the x/y coordinates of the first and last points of the drawn arc relative to the top left corner of the canvas?

I have a square canvas with a width of 100 and a height of 100. Within that square I draw an arc like so: var canvas = document.getElementById('myCanvas'); var ctx = canvas.getContext('2d'); ctx.clearRect(0,0,100,100) // clears "myCanvas" which is 100pixels by 100 pixels ctx.beginPath(); ctx.arc( 50, 50, 30, 0, Math.PI*2/6 , false )...

HTML Standards and deviating browsers

Good evening everyone. This is a story anyone developing web applications is surely aware of - You create a site, which is well coded and elegant in the browser of your choice - until you run it in a different browser, which a lot of the time required hacking and slashing to create a functioning site. I wish to enquire the techniques u...

html5 canvas animation

I'm looking for something like this: http://3.paulhamill.com/node/39 I want a circle (or image) to smootly go up (and fade in/out with a alpha effect). Is there any tutorial out there? If not, I will dive in html5, but if there is a source code out there I would appreciate it if somebody can provide me withit. Thanks! ...

Html5 audio / jQuery : playback latency issue (preload).

I am working with html5 audio and running into some troubles with the buffer. This works splendidly in Chrome, however in Safari (and SafMob) there is noticeable latency. The idea is simple. A user clicks an img link and the img "jumps" and makes a sound. Here is an example. Is there a way to preload the sound file so that it plays quic...

Detecting touches on an HTML5 <video> in a UIWebView on the iPhone

I would like to be able to detect touch/click events on the tag in the UIWebView. But it doesn't look like it responds to that event. Any ideas? videoElement.addEventListener('touchstart', myFunc, false); Could also be the 'click' event. ...

Is HTML5 canvas capable of rich complex games like Flash?

Also, since it takes so long for a standard to come out for things like HTML, is it possible that the <canvas> in HTML5, though it may not be replaced in specs, will be updated often in the browser so that it can get better and better like Flash did/does in its various iterations? In other words, we may have <canvas> ten years from no...

How can I hide/disable the fullscreen button in the iPad’s standard HTML5 video controls?

I’m writing an HTML5 page with a embedded video tag for the iPad. How can I hide or disable the fullscreen button? I just need to show the video without the fullscreen option. ...

JQuery Vertical slider opening up and flicker on page load with accordion, tabs and Cufon flickering

Using custom jquery to create a stand alone slider and a stand alone accordion with tabs inside. Which are all working. But how do I stop them from opening up when the page loads??!?! This happens in all browsers and it takes about 2 seconds to load up! http://tinyurl.com/2ehnwca - home page http://tinyurl.com/2965fav - explore page Yo...

Pause Multiple HTML5 Videos

I have multiple HTML5 videos in a slider at http://ghostpool.com/wordpress/phideo and when I click on any of the slider buttons the first video is paused using the following onclick function. <a href="#" onclick="pausePlayer();">LINK</a> var htmlPlayer = document.getElementsByTagName('video')[0]; function pausePlayer() { htmlPlaye...