HTML5 : 最も簡単な「required 属性」による未入力チェック

もちろん、サーバー側でのチェックを行うのは当然ですが、無駄な通信
が減り、JavaScript で記述する労力も軽減されます

ここをクリックすると、実際にテストできます

※ この他にもチェック機構があります。

▼ Firefox4

Firefox4 では、title 属性では無く x-moz-errormessage="必須入力です" 
とする必要がありました

▼ Google Chrome

<form>
<input type="text" required title="必須入力です">
<input type="submit" value="送信">
</form>

※ IE9 は明日チェックしますが、ドキュメント見る限りにおいて存在しません
※ 2011/04/07 : IE9、Opera11、Safari5 では動作しません。

HTML5

Google Chrome の type="date" で表示される datepicker の最も使いどころは、フレームをまたいで表示されるところです

IFRAME が各ブラウザで現在(2013/03/13)どのように振る舞うかのマトリックス

Canvas : 角丸の DIV を CSS3 では無く Canvas で表現すると、こうなります。( IEは 9以上 )

Canvas : IE8も 角丸で BOX の内側を指定の太さで線を引く

Canvas : 角丸で、指定サイズ BOX の内側を指定の太さで線を引く

Canvas : 指定サイズ BOX の内側を指定の太さで線を引く

HTML5 : 画像にテキストを重ねて少し回転して「名前を付けて画像を保存」するとどうなるか

HTML5 : canvas 要素に画像をロードする