[CSS] セレクトボックスの矢印ボタンをIEで非表示にする
セレクトボックスの右側にある矢印ボタン、野暮ったいですよね。タップすれば選択肢が出ることが直感的に分かるUIであれば、非表示にしておきたいところ。
IEの俺仕様のせいで appearance: none; が効かない場合の対処について。
セレクトボックスの右側にある矢印ボタン、野暮ったいですよね。タップすれば選択肢が出ることが直感的に分かるUIであれば、非表示にしておきたいところ。
IEの俺仕様のせいで appearance: none; が効かない場合の対処について。
2013年のWEBデザイントレンドと言えば、レスポンシブ・フラット・アイコンフォントなどがキーワードとして挙げられると思います。
近年スマートフォンやタブレットでWEBサイトを見るユーザが増えたことで、マルチデバイスに対応するレスポンシブデザインはもはや必須と言えるものになりました。さらに、タッチデバイスの普及に伴いシンプルで洗練された UI を追及するApple・マイクロソフト・Google が競うようにフラットデザインを採用、リッチデザインに慣れた PC ユーザーにとっても新鮮な驚きをもって受け入れられました。
今回はフラットとも関連のあるアイコンフォント (Web フォント) を取り上げたいと思います。これまでは気の利いたアイコンを表示するには画像ファイルを使用するのが一般的でしたが、テキストベースで拡大・縮小に強く色の変更も容易なアイコンフォントが用いられることが増えてきました。中には、画像じゃないのか?と疑うような完成度のアイコンフォントも存在します。
アイコンフォントと言えば Font Awesome が広く知られていますが、いまでは多くのクリエイターによってアイコンフォントが公開されています。以下にフリーで使用可能な国内外 12 種類のアイコンフォントをご紹介します。続きを読む »2013年にWEBを席巻したアイコンフォントまとめ
サイトの利便性を向上させるためのメニューを常に画面上の同じ位置に表示させておきたい場合、 CSS または javaScript を用いて表示位置を固定させることができます。