html5

HTML Canvas element implemented in Flash?

Can the HTML 5 Canvas element be implemented in Flash to provide support for that element in older browsers? ExplorerCanvas can be included on a web page to allow emulation of Canvas in IE using VML. Since this is an IE-only solution, I would like to know if a similar replacement could be done using Flash, giving support for Canvas to a...

Are transactions possible with HTML5 Storage in Safari

Instead of doing an each loop on a JSON file containing a list of SQL statments and passing them one at a time, is it possible with Safari client side storage to simply wrap the data in "BEGIN TRANSACTION" / "COMMIT TRANSACTION" and pass that to the database system in a single call? Looping 1,000+ statements takes too much time. Current...

HTML forms working offline

I need to be able to run HTML forms offline. I mean they have to work without direct connection to the web server. In an application I wrote over 5 years ago I did it by implementing a custom protocol handler - when a user initiated form submit the resulting HTTP request was recorded locally. At later time when a connection to the serv...

Which HTML DocType?

I was asked today by a senior developer which doctype I'd use if I was going to write something (personal / non-commercial) for the open web. I responded, <!doctype html>, to which I was greeted with a look of shock, horror and surprise and then asked to explain myself. To my mind, it's a good candidate because current browsers (IE, FF...

What are situations with western languages where you'd use HTML 5's Ruby element?

HTML 5 is introducing a new element: <ruby>; here's the W3C's description: The ruby element allows one or more spans of phrasing content to be marked with ruby annotations. Ruby annotations are short runs of text presented alongside base text, primarily used in East Asian typography as a guide for pronunciation or to include other an...

Online Photoshop via HTML 5's Canvas?

Does anyone know an online Photoshop -like editor that utilizes Canvas? I know at least 4 Flash editors, but I'm interested in finding a Canvas based one. ...

Is it possible to use canvas functionality from a worker in FF 3.6 ?

I'm currently migrating my image uploader from Gears to Firefox 3.6/HTMLv5. I used a Gears Worker in conjunction with Gears Canvas to scale down the selected photos before upload. By doing this, I kept the browser window responsive and avoided the "Do you want to stop this script"-warnings. However, this doesn't seem to be feasible in H...

How to do a JavaScript HTML 5 Canvas image "page flip" like you commonly see in Flash?

Has anyone tried recreating the page flip effect with images like you commonly see in Adobe Flash with JavaScript and HTML 5's canvas tag? Are there any frameworks or JQuery plug-ins that do this type of effect? The page flip in Flash allows you to grab a corner of the simulated book page and flip the page like you would flip a real bo...

How to add mime-type for <video> element on Firefox ?

Hi everybody, Into this dir there are : OGV video (Theora/Vorbis) for Firefox MP4 video (H264/AAC) for Safari FLV video with a flash player (player.swf) for others browsers a template.html which contains a snippet coming from Video for everybody a .htaccess to add the new types of video Locally the video is correctly displayed on al...

jQuery plugin for designing report layouts

I'm looking for some sort of jquery plugin (or even plain javascript) that can be used to create report layouts, business card layouts, etc. Not finding anything after lots of googling. Basically, I'm envisioning a canvas (possibly html5 canvas?) that shows a background grid. At a minimum, text and images can be added to the canvas. P...

HTML5 Style Examples In the Wild?

Does anyone know of any good examples of usage of HTML5 elements that are well-styled out on the intertubes? Specifically, I'm curious to see <article>, <aside>, <meter>, <nav>, <header> and so on. I'm specifically not interested in video, audio, offline or drag-n-drop files. Just the cosmetic stuff. ...

Interface design with canvas.

Hi guys. Do you know of any document or tutorial to make HTML5's canvas drawn interfaces? I'm thinking of a layered structure, one for the main app interface and other for popups, menus, etc, working with several canvas objects and dynamically manipulating them, but i found it lacks flexibility (for example, what if i want a non rectang...

HTML5 localStorage & SQL

I understand that HTML5 "localStorage" is a key:value store but I am wondering if there is a Javascript library available that offers a more SQL-ish API? ...

HTML 5 Doctype causing quirksmode?

Does using an HTML 5 Doctype cause Quirks mode in modern browsers, since HTML5 isn't out yet? (That is Modern Browsers were out before HMTL5 started spreading, so they don't properly support it.) If yes, does this mean that the HTML 5 Doctype is tentatively like none at all? EDIT: If not, what does it do in browsers that don't support...

what does CSS3 and HTML5 have in common?

They are only supported in new browsers. I think everyone here knows that. But if majority of users are still on older browsers that don't support CSS3/HTML5, shouldn't that push developers to use older scripting languages (ie:HTML4/CSS2). ...

Is swapCache() required in HTML5 offline apps?

If I don't implement any updateready event handler and don't call swapCache(), does that mean that the browser will always use the first (oldest) downloaded version of the application? If no, then why is the swapCache() method needed? ...

Callback, return value and HTML5 executeSql function

Hi. I have a big problem. I know it's about callback, closure but I don't know how to solve the problem. Here is my code $.Model.extend('Article', { findAll : function(params, success, error){ var result = [] db.transaction(function(tx) { tx.executeSql('select * fr...

HTML5 Video and degradation?

I've been playing around with the HTML5 video tag and I'm puzzled as to how best to degrade when you can't support a codec? For older browsers (or IE) that don't support the video tag at all this quite is straight forward: <video width="320" height="240"> <source src="vid.ogv" type='video/ogg'> <source src="vid.mp4" type='video/mp...

Align tops of two tables.

There are two tables on my page and they appear side-by-side. I want to align the tops of the two tables. How to do that? Edited: <body> <table id="main" cols="2"> <tr> <td> <Form id="frmNewEntry" method="post" action="insert_listing.php"> <table id="tblEntry" cols="3" style="border-color:lightblue; border-style:solid;"> <tr>...

Which is the new recommended standard of HTML & JavaScript?

From all those: HTML, XHTML, DHTML which one is the present standard? Which one to use for better browser compatibility? Similarly, what are the recommendations for JavaScript and Ajax? Edited: I design my applications using Aptana Studio. How to know which version of HMTL/JavaScript/Ajax it is using and how to change it? ...