魔ッドアングラー

SyntaxHighlighterをPrism.jsに乗り換える

SyntaxHighlighterEvoltedが、どうしても重い。
それは多分、使っていない言語や機能も毎回読み込んでしまっているからではないだろうか？

そんなわけで、自分の使う言語や使いたい機能だけを選べる「Prism.js」に乗り換えてみました。WordPress-Pluginsではなく、自分で設置します。あとから機能を追加する時に忘れないように、自分の設定を記録しつつご紹介します。

giffferでgifアニメに再生・停止ボタンを付ける

gifアニメは面白いのだが重い

動画をパラパラ漫画の要領でスライスして短くまとめた無音声の動画もどき、それがgifアニメです。

10～20秒程度の短い物が多いのですが、ファイルサイズが大きいのがちと難点です。
例え10～20秒程の長さでも1～3Mくらいは平気でありますし、大きなものでは30Mとかあったりします。

また、特徴としてループ再生されます。
これにより開いた瞬間から再生が始まり、最後まで行くと頭に戻って延々と再生され続けます。

日本地図を簡単に扱えるjQueryプラグイン「JapanMap」

Japan Map ( jQuery plugin )

都道府県をクリックできる日本地図

甲子園が始まるので代表校をまとめてみようと思い、日本地図をHTMLやCSSで表現できないかなーと探してみるとなかなか無いんですよね。テーブルで書くともの凄くややこしくなりそうだなと思っているところに「Japan Map」というjQueryプラグインに遭遇しました。

「canvas」というHTML5の機能を使用しており、美麗な日本地図が画像無しで使用できます。すごい！