Posts Tagged ‘WebKit’

HTML5 Video Mysteries Explained

Wednesday, October 6th, 2010

There can be a cloud of mystery surrounding new technologies. HTML5 Video is especially problematic since it is not just one technology, there are multiple codecs and file formats. When is a good time to adopt? Is it possible that you can adopt too late or too soon?

In this IBM developerWorks article, I show the progression of the early days of the Internet and choppy, “cross your fingers and hope it works” digital video to its current state of the browser vendors attempting to reclaim native video from the Adobe Flash plugin.

The idea behind HTML5 Video was simplicity… but the current result is not so simple. This article defines some of the difficult video terminology to make it easier to understand how it works, so that you can look at today’s fragmented situation and still make the best decisions for you or your company.

I’m also quite honored to have had my blog voted as best article of the week, and displayed prominently on the Web Development front page.

Article: Introduction to HTML5 Video

You may also be interested in the video and the presentation upon which this article was based.

JavaScript Console Fix V2 Now with iOS!

Monday, September 13th, 2010

The consoleFix.js has been a popular script, helping people overcome problems in the various browsers, but now, there are more features including support for your iPhone.  consoleFix is a small JavaScript file that removes the annoyances of cross browser logging. The use of console.log is now a standard used by not only Firebug, but WebKit Inspector and Internet Explorer Developer Tools. Firebug is ubiquitous with front end web development, and while it provides dozens of tools like DOM inspection and network sniffing, the logger gets the vast majority of use.

While log, warn, and info may be standard, using the groupCollapsed method will throw an error in Chrome, and the seemingly innocuous debug will throw an error in IE. Opera’s Dragonfly is an improvement over it’s anemic predecessor, but it still rivals IE’s feeble text-only logger and thus, only supports a small subset of console methods.

(more…)

Plain Text vs innerText vs textContent

Wednesday, September 1st, 2010

innerText and textContent are properties that get or set the text of an element or all its children. Internet Explorer implemented innerText in version 4.0, and it’s a useful, if misunderstood feature. WebKit also has innerText, carefully copying from, and even improving upon IE; and additionally has the standards compliant textContent, which we shall see, is no where near as useful and is in fact quite different. Firefox has textContent but not innerText, and a common mistake is writing code that retrieves one or the other, assuming the result will be the same (it’s not). Opera has the property, but it is little more than an alias of textContent, which to me is analogous to false advertising.
(more…)

Webkit Unicode Bug

Thursday, August 12th, 2010

While working on the BetterVideo HTML5 player, I came across an odd bug in Safari; Unicode characters weren’t rendering correctly. What I was attempting to do was create a simple close button — a small box with an “x” in it. But I didn’t want to use the “x” character, I wanted something a little more specific. The Unicode character #&10005 is perfect, and there is a Webdings equivalent of it for Internet Explorer (small case “r”).
(more…)