ボタンを色分け
ボタンに色を付けたり、シンボルを付けたり。そんな楽しい作業。
三色のボタン
ボタンに色とシンボルをつけてみた。こういう作業はやっぱり楽しいなぁ。
最初は単色だったのですが、直感的じゃないかなと思いまして「削除などの取り返しが付かないボタンは赤」、「取り返しが付くけど注意が必要なボタンは緑」、「その他は青」にしてみました。まぁなんとなくの色分けですけどね。
ボタンはbuttonやinputを使わずにボタン用のjsを起こしてみました。先日公開したIR.jsと原理はまったく同じなんですけどuiIRというのを作った。上記のような画像のbackground-positionを利用しいてマウスオーバー、マウスダウンを検知して動作するやつね。基本的に画像を用意してclass指定するのみなので、GUIを構成するときにすごく楽ちんなのだ。CSSに依存しないからね。
せっかくなのでaudioタグに対応してるブラウザの場合はフォーカスすると音がでるようにしたり。
これはちょっとウザいかなと反省している。
ボタンの形状はこれで完成じゃないと思うけど、後から一括で画像変更できるというのも、合理的なやり方だなと自負しております。面倒は本当に発明の母ですね。
使う人の事をアレコレ考えてUIをつくるってやっぱり楽しいもんですね。
新規コメント出力エリア
新着情報ここまで
和田憲幸の広告
- BTOパソコン
- www.pc-take.com自作PCやBTOパソコンの事ならシューマイが美味しい神奈川県は横浜のPC-takeにお任せください。
- 事業再生のSTP
- www.s-tp.jp経営が苦しい、そんなときはSTPに経営相談や経営コンサルティングをご依頼ください。
- ドライフラワー卸売り
- www.coretrading.co.jpドライフラワーやプリザーブドフラワーの業務用卸売りならコアトレーディング。
- 通話録音装置 ネイクス
- www.neix.co.jp通話録音装置や通話録音システムのことならネイクス。
- インプラント 東淀川区上新庄
- www.higashi.ne.jp東淀川区上新庄でインプラントや矯正歯科ならひがし歯科で決まり！
- 吉野川 ラフティング
- www.safari-g.com四国は吉野川でラフティングやハイドロスピード、キャニオニングと言えばサファリだよね。
- ホームページ制作 アルバイト
- next-level.bizホームページ制作、Webデザイナーのアルバイト、SOHOのことはネクストレベルまでご相談ください。
- 札幌 美容室 アイウィル
- www.aiwill.jp札幌市中央区で美容師をお探しの際はアイウィルまでお越しください。
- WEBLOGS6.1.0
- www.synck.jpこのブログはシンクテクニカのウェブログでつくられています
- 札幌 ホームページ制作
- www.synck.com札幌でホームページ制作やWebアプリケーション制作ならシンクグラフィカへ。
- iPhoneで内線電話
- www.smartgate.biziPhoneやAndroidから内線電話が無料でかけれる。
- 新潟リフォーム
- www.neohouse.jp新潟で注文住宅とリフォームはネオハウス。
