直感的すぎるグラデーションエディタを作った

css3向けのグラデーションエディタを作ってみた。

http://jsdo.it/gct256/gz0u

動機

• 角度を指定したグラデーションを簡単に作りたい。
• カラーストップを簡単に追加・削除したい。位置の指定や順番の入替も楽にやりたい。
• 既存のものへの不満
  • スライダで角度を指定するとかわかりにくい。
  • カラーストップを追加すると追加した順にしかならなかったり。カラーストップを作ってから順番変えたい時に面倒。
  • -moz-linear-gradientのパラメータがわかりにくい。それをスライダで設定するのはもっとわかりにくい。

ToDo

• Firefox(Gecko)に対応したい。
• 色の指定がぜんぜん直感的じゃない。
• 垂直・水平に固定したい。
• 複数のカラーストップを等間隔にきれいに配置したい。