Notebook

Picture above: Screenshot of Chrome 9 rendering <meter> and <progress> under OS X with appearances of native system UI. Samples from quackit.com.

A newer build of WebKit and Chrome 9+ now renders HTML5 <meter> and <progress> elements. Opera 11 also supports the two elements, yet rendering two alike as the same element in appearance.  Firefox 4 beta 11 hasn’t support the two tags. The WebKit Safari 5.0.3 is using seems too old, which doesn’t support them, either.

webkitbits:

WebKit Clock is a gorgeous demo app, optimized for Safari and Chrome.

This site is driven with HTML5 canvas, CSS3, JavaScript, Web Fonts, SVG and NO image files. It’s optimized to WebKit rendering engine and you can see it with Safari and Google Chrome.

目前用在 Safari 5 跟 Chrome 5.0.375.99 上的 Webkit，於 Windows XP 下會有字體 render 方面的 bug：可以看到如上圖，只要開了 text-rendering: optimizeLegibility; 搭配有套用 @font-face 的字體就會爛掉了。

你的網頁要給 Windows XP 上的 Webkit 看的請小心這個 Bug。