HTML5 Canvas, 3章「テキスト」で作ったものをちょっとだけ修正。 フル画面( http://jsfiddle.net/thleap/tk6c90a6/5/show )でしかちゃんと見えないと思う。 背景の色も変えれるようにしたり、テキスチャの JPEG 素材を base64 に置き換えたり、ちょっとスタイル書いたりした。
オライリーから出ている「HTML5 Canvas」を読みながら
No-Library (pure JS), HTML, CSS, JavaScript
float と overflow: hidden で幅を指定しないでボックスを横並びにする。 http://www.acky.info/tips/css/00028.html とかのテスト。
Mootools 1.3 (compat), HTML, CSS, JavaScript
サンプルコード / 「モダンWeb」2.7.1 データ属性のAPI
JavaScritp Good Parts, 「4.10 クロージャ」のテスト
JavaScript Good Parts - 再帰
jQuery 2.1.0, HTML, CSS, JavaScript
「フロントエンドエンジニア養成読本」、パフォーマンスの入門の章(p.134 )のコード
`<input type="text"> + <input type="submit">` の場合、A で作るよりも B で作ったほうが何かと良さそう。
二倍のサイズで作成した画像を背景に半分のサイズで納める場合、 contain という値が便利。