[CSS] セレクトボックスの矢印ボタンをIEで非表示にする
セレクトボックスの右側にある矢印ボタン、野暮ったいですよね。タップすれば選択肢が出ることが直感的に分かるUIであれば、非表示にしておきたいところ。
IEの俺仕様のせいで appearance: none; が効かない場合の対処について。
セレクトボックスの右側にある矢印ボタン、野暮ったいですよね。タップすれば選択肢が出ることが直感的に分かるUIであれば、非表示にしておきたいところ。
IEの俺仕様のせいで appearance: none; が効かない場合の対処について。
見やすく、センスのある色彩を素人が決めるのは大変難しいものです。思いつきで場当たり的に色を決めていくと全体の調和もなく、面白みのない配色になってしまいます。
まずはサイトに使用する色数と配色パターンを確定しておくだけでも統一感のあるすっきりとした印象になるのですが、デザインの心得がないとそれすら難しいですよね。そこで優れたクリエイターたちが作成した配色パターンが公開されているサイトをいくつかご紹介します。続きを読む »Webサイトにセンスある配色パターンを適用するための参考サイト
画面でユーザにテキストを入力してもらう場合、ユーザの負担を減らすために予測文字列を提供すべきです。簡単にオートコンプリート機能を実装するための jQuery プラグインをいくつかご紹介します。続きを読む »jQuery オートコンプリート・入力補完インタフェースまとめ
Ajax でサーバと非同期通信を行う場合、画面の再読み込みが発生しないのでユーザに意識させずにサーバとデータの送受信を行うことができます。これは Ajax のメリットでもあるのですが、検索や更新処理を行う場合は何が起こっているかをユーザに認識してもらう方がユーザーフレンドリーであり、合わせて画面操作を制御することで二重送信などのトラブルを回避することができます。続きを読む »処理中にメッセージやアニメーション画像を表示させ、画面操作を制御するjQueryプラグイン
サイトの利便性を向上させるためのメニューを常に画面上の同じ位置に表示させておきたい場合、 CSS または javaScript を用いて表示位置を固定させることができます。