html5 - Dave's Blog
Navigation List
Blog Entries
2012 Apr 25, 5:00
Flickr’s new HTML5-ish photo upload feature technical overview.
technical html html5 javascript css3 css flickr file-upload 2012 Mar 2, 1:02
The goal of this experiment was to combine the flipping tables
emoticons with the Threw It On The Ground video using shiny new HTML5-ish features and the end result is the table flipper flipping the Threw It On the Ground video.
The table flipper emoticon is CSS before content that changes on hover. Additionally on hover a CSS transform is applied to flip the video upside down several times and move it to the right and
there's a CSS transition to animate the flipping. The only issue I ran into is that (at least on Windows) Flash doesn't like to have CSS transform rotations applied to it. So to get the most out
of the flip experiment you must opt-in to HTML5 video on YouTube. And of course you must use a browser that supports the various things I just
mentioned, like the latest Chrome (or not yet released IE10).
css-transform flipping-tables css-transition html5-video technical threw-it-on-the-ground 2012 Feb 17, 7:31
Client side animated GIF creator web app.
technical javascript gif animated compression html5 2011 Sep 20, 7:17There's no race between posting to a web worker and the web worker setting up its message handler as long as the web worker sets its message handler in the first sync. block of code that runs in the
web worker: "Basically, once the initial worker script returns, the worker's port is enabled and the normal message port event delivery mechanism kicks in (including dropping unhandled messages on
the floor)."
technical web-worker webbrowser programming postMessage 2011 Jul 14, 7:34A bookmarklet to help you create an appcache manifest: "...click the manifestR button, and it will create an HTML5 appcache manifest file for that page."
development javascript tools html5 cache technical 2010 Dec 16, 1:12Nice! Indiana Jones style map fade in over video done in HTML5 with video tag, and Google maps API.

html5 video map technical demo google animation svg 2010 Sep 27, 3:08Adam Barth's URI API draft starts to appear in webkit: "One of the things Adam Barth is currently working on is an URL API. Citing it, the API can be used for constructing, parsing and resolving URLs
through scripting, easening up tasks like getting and setting parameters. Today the first part landed in WebKit, which added the “origin” property."
webkit adam-barth uri url api javascript dom html html5 browser webbrowser technical 2010 Aug 22, 4:04Demo of marked-up video with the people and places shown in the video popping up along side in real time.
video html html5 javascript technical mozilla 2010 Aug 13, 4:38Blobs are coming and they're bring with them a new URL scheme...
blob html5 url html file api javascript technical uri guid 2010 May 6, 7:43Covers case studies of insecure usage of HTML5 cross-document messaging and web storage.
html html5 web browser security technical webstorage research facebook google system:filetype:pdf system:media:document 2010 May 4, 10:52On HTML5's extensibility: how does microdata work in HTML5?
via:kris.kowal html5 html microformats semanticweb todo technical 2010 May 2, 3:14"This document contains normative guidelines for web applications built by the Interface Development practice of Isobar North America (previously Molecular)." Glad to see coding styles and best
practices for HTML, CSS, JS, associated HTTP headers etc etc etc
code css html html5 javascript web browser programming development technical via:kris.kowal 2010 Apr 26, 3:09Firefox developer on the topic of HTML5 video and the issues of using HTTP range requests to seek within an HTML5 video.
html html5 http range technical video firefox web browser bug code programming 2010 Apr 22, 10:26HTML5 has some notion of a 'null' origin. Not sure how this actually plays out though.
w3c site-of-origin null web browser application html html5 technical 2010 Apr 15, 1:52Gmail now allows you to drag and drop files to make them attachments. This is HTML5 drag and drop plus file API. Awesome
html html5 gmail google file drag-and-drop technical 2010 Mar 12, 2:32Google's indexer now examines HTML5 microdata and they provide a tool to test out your pages microdata
html html5 google search microformats metadata rdf technical