Flexboxを利用してよくあるレイアウトを実装したサンプル集 | NxWorld

2017/11/16 118 users NxWorld Flexbox プレフィックス 見栄え CSS

一部ブラウザ（特にIE）で若干挙動が違ったりすることもあるものの、Flexboxを利用することで今までCSSだけでは難しかった見栄えが実装できたり、よりシンプルなCSSで実装できるレイアウトが増えました。 そんなFlexboxを利用してサイト制作時によく出てくるレイアウトを実装したサンプルをいくつか紹介します。 ※以下で紹介するものは基本的にプレフィックスを省略しているので、必要があれば各自で追記... 続きを読む

optgroup 要素を CSS でひと工夫してみる | WWW WATCH

2007/05/10 94 users セレクトメニュー CSS WWW WATCH select

フォームの入力コントロールの中で、select 要素によるセレクトメニューは、選択肢の数が一定以上増えると選択したい項目を探し出すのがちと面倒になります。そんな時のために optgroup 要素が存在するわけですが、こいつを使用した上で、CSS をあてて見た目を装飾する方法と、一部ブラウザでの注意点などを簡単にまとめてみました。 基本的なことのみで、すごいかっこいい見た目を実現とかそういうのではあ... 続きを読む