無料ブログ「rentafree.net」の管理人ブログ

ブログエディターの色選択ツールを修正しました

以前より当ブログで書いておりましたが、
Firefoxに<input type="range">が実装されたらブログエディターの色選択ツールで使用しようと考えておりましたが、
Firefox 23(現Beta)で有効になりましたので修正しました。

元々は色選択ツールのスライダー(マウスドラッグで数値を選択するUI)を独自に実装しておりましたが、
<input type="range">で簡単かつブラウザ標準UIで実装可能になりましたので採用です。
この変更だけでブログエディターが1.5kBほど小さくなりました。

今回の変更で、
元々はマウスの移動時に色表示を変更していましたが、数値の変更時に色表示を変更するようになったため、
スライダーからマウスを離すまで色表示が変更されなくなりました。

この変更はFirefoxのみ影響します。
Firefox 23は現Betaのため、Firefox22では現状スライダーが表示されなくなりましたが、数値の直接入力で色を変更することはできます。