Tag Archives: html5

Ember.js + HTML5 drag and drop shopping cart demo

Questions: In short, I am trying to reproduce a basic version of jquery-ui’s shopping cart demo: http://jqueryui.com/demos/droppable/shopping-cart.html with ember.js and HTML5 native drag n drop. After previously trying to implement drag and drop with ember + jquery-ui and having difficulty using this solution: http://jsfiddle.net/Wu2cu/2/, I saw pangratz’s HTML5 solution: http://jsfiddle.net/pangratz666/DYnNH/ and decided to give it… Read More »

Is it possible to play shoutcast internet radio streams with html5?

Questions: Is it possible to play shoutcast (or some) internet radio streams with html5? So I have next code: <html> <body> <audio src=”http://shoutcast.internet-radio.org.uk:10272/” /> </body> </html> I save it as HTML page and start my browser (Google chrome 4.0.249.78, safary or FF) But it does not play/work!( And it does not play with any other… Read More »

HTML5 Canvas get transform matrix?

Questions: Is there a way to get the current transformation matrix for a canvas? There is a context.setTransform() function, but there does not seem to be a getTransform() equivalent as far as I can tell. More specifically, I want to get the current scale and translation elements of the matrix. Google has been very unhelpful… Read More »

How large is HTML5 session storage?

Questions: Although the size of localStorage has been addressed in detail and there is a online test for it, I was wondering what the maximum size of sessionStorage is for the common browsers? Answers: According to this site, Firefox’s and Safari’s storage limit is 5MB per domain, Internet Explorer’s limit is 10 MB per domain.… Read More »

HTML5 – Can I use Width and Height in IMG?

Questions: It is Legal to use this code: <img src=”…(here image)….” width=”50px” height=”50px” /> Or I need to use: <img src=”…(here image)…” style=”width: 50px; height: 50px;” /> Answers: First use is recommended as hints for the browser’s rendering, second one works. In the first form you must not add ‘px’. http://www.w3.org/TR/html5/embedded-content-0.html#dimension-attributes Questions: Answers: According to… Read More »

How to display pdf content in web page using html5 and jquery?

Questions: How to display pdf document inside my div. I am using HTML5 and jquery to build my mobile site. I need to display my pdf document inside a Turnjs div need to flip pages and go to specific page help me !! Answers: <div> <object data=”test.pdf” type=”application/pdf” width=”300″ height=”200″> alt : <a href=”test.pdf”>test.pdf</a> </object>… Read More »

HTML5 Canvas background image

Questions: I’m trying to place a background image on the back of this canvas script I found. I know it’s something to do with the context.fillstyle but not sure how to go about it. I’d like that line to read something like this: context.fillStyle = “url(‘http://www.samskirrow.com/background.png’)”; Here is my current code: var waveform = (function()… Read More »