codebits... a place for small snippets of shinny ideas and tests of all things web. Mainly used to remind myself of how things work, but hopefully helpful to others.

Quick link table

Demo/test Support Technologies
Drag and drop folders Not supported in Firefox Supported in Chrome Not supported in Safari Not supported in IE Not supported in Opera DnD, File API
Drag and drop files Supported in Firefox Supported in Chrome Supported in Safari Not supported in IE Supported in Opera DnD, File API
Drag and drop Supported in Firefox Supported in Chrome Supported in Safari Part supported in IE Supported Opera DnD
Copy and Paste images Not supported in Firefox Supported in Chrome Not supported in Safari Not supported in IE Not supported in Opera Clipboard API
Copy and Paste data Not supported in Firefox Supported in Chrome Not supported in Safari Not supported in IE Not supported in Opera Clipboard API
onCopy Support Not supported in Firefox Supported in Chrome Supported in Safari Supported in IE Not supported in Opera Clipboard API
onPaste Support Not supported in Firefox Supported in Chrome Supported in Safari Part supported in IE Not supported in Opera Clipboard API
Custom protocol handler Supported in Firefox Supported in Chrome Not supported in Safari Not supported in IE Supported in Opera HTML5
Download Attribute Not supported in Firefox Supported in Chrome Not supported in Safari Not supported in IE Not supported in Opera WHATWG
DownloadUrl Not supported in Firefox Supported in Chrome Not supported in Safari Not supported in IE Not supported in Opera  

Full history

AppCache NETWORK: tests

A number of tests on how you can use the NETWORK: section of AppCache

innerHTML Property

A test based examination of differences in implementation of the innerHTML propterty between browsers

innerText Property

A test based examination of differences in implementation of the innerText propterty between browsers

textContent Property

A test based examination of differences in implementation of the textContent propterty between browsers

Drag and drop Outlook contacts

This is a demo of how you can use a contentEditable area in the older versions of IE to provide an upgraded drag and drop experience

Drag and drop folders

Testing support for the FileEntry and DirectoryEntry object of File API

Web Activities vs Web Intents

A technical core features comparison across both APIs

Pasting image from clipboardData object Test

A test using the clipboardData object to paste images into a web page

Copy and Paste with the clipboardData and minetypes Test

A test using the clipboardData object to copy and paste data as a minetype

DownloadURL and BlobBuilder support Test

A test using the DownloadUrl and BlobBuilder to allow dragging of virtual files to the desktop

tel: registerProtocolHandler demo Test

A test using the new HTML5 registerProtocolHandler API

Pick Profile Web Intent Test

A Web Intent to show the user journey of picking a profile

hRecipe - mark-up for search engines

An example of how to mark-up a recipe with Googles extended version of hRecipe

Web Intents Proxies Test

A group of services proxies that allow me to try a simple Web Intents user journeys

a[download] and blob:URL support Test

A test using the new HTML5 a[download] attribute and the blob:URL together

The Firefox Virtual File Hack Test

A hack to create virtual file download using the anchor tag type attribute and the JavaScript window object

DownloadURL and Data URL support Test

A test using the DownloadURL type and Data URL together

DownloadURL support Test

A test using the DownloadURL type for a drag and drop method setDate

Enterbox Idea

An experimental UI component that accepts HTML drop and paste

onPaste clipboardData support Test

Test of the clipboardData support, specifically the getData method

onCopy clipboardData support Test

Test of the clipboardData support, specifically the setData method

Editing events for contentEditable Test

Tests the events most associated with editing for a contentEditable element

Editing events for input element Test

Tests the events most associated with editing for an input element

Collection of useful JavaScript functions and patterns

This is a collection of useful JavaScript functions and patterns that I often use, when not coding with jQuery.