jQueryによるボタン作成

Webでボタンの設置をするときに

・デフォルトのフォームボタンでもいいが、何かしらの処理の実行を行うので、目立たせる必要がある
・ブラウザ互換がなかなかたいへん
・画像を使って重くしたりせずできるだけ汎用化したい。

とかでいろいろ考えなければならないことが多く、できれば避けたい部分。

たとえば、Googleほどにもなると、Gmailなどで使っているボタンひとつとっても、その設計にはとても奥が深いことがわかる。

Recreating the button | stopdesign

そこでそれをjqueryでシンプルにボタンを表示させる。かつテーマを使って配色も簡単に制御できるようにしたものが下記。

Styling Buttons and Toolbars with the jQuery UI CSS Framework | Filament Group, Inc., Boston, MA



この仕組みを使うと

・サイトにあった配色で目立たせることができる
・重い画像を使わない
・リンクも含めて、色々な種類のボタンを統一したコーディング、デザインで実現可能

とか、色々メリットがあるのでぜひ導入したい。