html5

Will html5 change everything for designers?

What impact do you think html5 will have on the workflow/way graphic design is done for the web? Right now most designers stay in an Adobe tool, doing most of the design work there, and implement some elements with graphics and some with code. Checking out http://www.apple.com/html5/ it seems that almost everything done in a graphic can...

How do I use CSS transformations to slide a div on screen?

Hi, My web page has two divs on it, A and B. Div A is visible, Div B is hidden. When the user clicks a link in div A, I want to "slide" div A off screen (leaving via the left edge), and slide div B on screen (entering via the right edge). I've found that jquery animations are very slow on the ipad, so I want to use the webkit CSS anim...

HTML5 and Streamcast?

Are there any HTML5 Streamcast audio players? Where do I start if I want to create one? ...

HTML5 Webapp as regular icon or app on iPhone and Andorid.

Hi all, Sorry if this is a noob question, I searched quite a bit and couldn't find an answer. I'm developing a html5 app that relies on sqlite for local storage. I'd like for it to appear as an app icon on the iPhone/Android screen, what's the best way to do this? Ie can I write some sort of "wrapper" app to achieve it? Thanks! ...

How do i make my text wrap in a <div> with a large border radius

in the following code <html> <body> <div style="height:400px; width:400px; -moz-border-radius:100px; -webkit-border-radius:100px; border:3px solid #500; background-color:#a00; overflow:hidden;"> Why is this getting cut at the beginning??? </div> </body> </html> Why isn't the browser wrapping the text around the rounded corners. ...

html5 audio player - jquery toggle click play/pause???

hello guys, i wonder what i'm doing wrong? $('.player_audio').click(function() { if ($('.player_audio').paused == false) { $('.player_audio').pause(); alert('music paused'); } else { $('.player_audio').play(); alert('music playing'); } }); i can't seem to start the audio track if i hit ...

[html5] Getting started with web sockets

Hi, I'm very interested in learning about the new feature in html5 called web sockets. I've looked into it and have come out with a few questions. It seems that before I can start implementing this new technology into a web application of mine I need to have a web server which supports it. Does this involve downloading something and in...

How should I start learning XML and HTML to build web apps?

Hey everyone. Can someone suggest: how to start learning XML and HTML which I should start first, and what steps should I take I know Objective-C as I’m an iPhone programmer, but I want to know more about web-based applications, so please someone help me with steps should I take as a beginner? Thanks. ...

Max size of localStorage values?

Hi, since the localStorage (currently) only supports strings as values and in order to that the objects have to be stringified (stored as JSON-string), before they can be stored, i wondered if there is a defined limitation regarding the length of the values. Does anyone know if there is a definition which applies to all browsers, respe...

HTML5 translate relative to page

How can you apply a translate to an element but make it move to a point on the page rather than relative to itself? For example, in the code below the "card" elements will move 50, 100 relative to their starting position. What I want instead is for it to move to the center of the page. <html> <head> <style> .face { -webkit-backfac...

HTML5 or Flash?

I have to write a web application for a client soon. Looking at the specs, there is no reason why the project couldn't be an HTML5/CSS/Javascript project, but the client is arguing that it has to be Flash. The project has a number of dynamic elements and is web-based. It'll only be used in-house by a small number of people and all of th...

HTML5 Search Input: No Background Image in Chrome?

I have been pulling my hair out trying to get Chrome to style my search input with a background image. Firefox has no problem, but I fear it's because it treats the input as a regular text input. Is this simply not possible? Try this as a demo: <input type="search" /> ​input[type="search"] { background: transparent url(http://go...

IPhone application in HTML 5

Hi Experts, I have got a assignment to develop a IPhone application in HTML 5 & I really don't have any idea from where I have to start. Please let me know which editor I have to use to develop IPhone application in HTML 5. also, as I am a pure .NET developer, what other skills I need to write the program in HTML 5. Thanks in advance....

html5media & flowplayer wmode issues...

I'm working on our new homepage and need to implement a solution that will run a video across iphone/ipad and the standard web browsers. I found a pretty decent solution with html5media - http://code.google.com/p/html5media/ but ran across an issue with a jquery dropdown falling behind the the swf object (this only happens on FF & IE - w...

Designing for varying mobile device resolutions, i.e. iPhone 4 & iPhone 3G

As the design community moves to design applications & interfaces for mobile devices, a new problem has arisen: Varying Screen DPI's. Here's the situation: Touch: * iPhone 3G/S ~ 160 dpi * iPhone 4 ~ 300 dpi * iPad ~ 126 dpi * Android device @ 480p ~ 200 dpi Point / click: * Laptop @ 720p ~ 96 dpi * Desktop @ 720p ~ 72 dpi There ...

Will jQuery ever leverage HTML5 technologies?

In an effort to move to HTML5, does one have to abandon jQuery or is a port underway to move jQuery to HTML5? For example, jQuery has animations like SlideDown, SlideUp etc... that aren't using HTML5 for animations? Wouldn’t HTML5 handle that more optimally? ...

Accessing HTML 5 Video Progress Event with jQuery

Hello All, The below is for an HTML5 video player event. My partner and I have been stumped for a very large portion of the day on this issue and hope someone can lend some insight on the issue. We have been able to access the progress event with plain js as seen below but when trying to access this with jQuery we get undefined in con...

Any ideas on how to prepare for the future of Flash/Flex/HTML5 Development?

I've chosen Flex 4 as the most appropriate technology to develop a graphically-rich web application (its not a simple content-driven site), but worried about how the recent negative press (i.e. security issues) may effect end-user's trust and ultimately whether the user-base may drop promptly in response. (I don't care if my app works on...

TinyMCE or HTML5's contentEditable attribute?

I have always hated wysiwyg editors but most of the applications I develop they are necessary for our clients to edit their content. After trying out a few different ones I seemed to like tinyMCE the best. Although powerful and seems to generate fairly good HTML it is not without its issues. Recently I have been thinking about creatin...

iPhone/iPad HTML5 Canvas fillText problem

I'm having strange issues with text on a canvas when using an iPhone or iPad. Either the text gets drawn properly (rarely), or it gets drawn upside down, or it doens't get drawn at all. When the text does manage to get drawn, it is wiped when the iPhone/Pad is rotated. I have the following code. It seems that I can only get the text to ...