CakePHP + jQueryUI 絵文字入力ダイアログ | junichi11.com

jQueryとCSS Spriteを利用して、絵文字入力ダイアログを作成しました。 完成イメージ 概要 jQuery, jQueryUI関係のものをダウンロード(省略) 絵文字の画像（1枚の画像にまとめる）の準備 CSSの作成 コードをelement化 絵文字の画像は1枚1枚読み込んでいると、何度もサーバー側に何度も画像を要求しないといけないので、CSS Spriteで読み込む速度を高速化する。 実際、そのまま画像を読み込もうとすると200回以上やりとりしないといけないので、最初にダイアログが表示されるまで少々かかる。 通常の場合 CSS Spriteの場合 絵文字画像 CSSを書くのが面倒だけれど、CSS Sprite Generatorを使うと、複数の画像を固めてくれて、CSSも吐き出してくれる。 CSS Sprite Generator : http://ja.spritegen.w