- CSS 幅固定レイアウト
- gridを使って横幅を固定した要素と、残りを可変で埋めるレイアウトのサンプルです。 例えば、画像とテキストを横に並べたい時にfloatやflexを使うことがありますが、gridでも簡単に表現できます。 floatやflexを使うと結構悩むのが次のようなレ...
- 2020-03-16 23:26:20
UIサンプルギャラリー「キプレ」
MENU
用途
新着
履歴
分類
★
レスポンシブ
ブラウザの幅によって、コンテンツを出し分ける表現のサンプルです。
「レスポンシブ」に関するサンプル
- jQuery メディアクエリと同様の出し分け
- CSSのメディアクエリによって、ウィンドウの幅に応じたスタイルの出し分けは、よく見かけるようになってきました。 そこで、そのウィンドウサイズに応じてJS...
- 2019-07-28 15:49:54
- CSS3 ウィンドウサイズ変更でアニメーション
- ウィンドウのサイズが変わった時にアニメーションでレイアウトを変えたいときに使う表現です。 MediaQueryを使ってウィンドウサイズによってレスポンシブに変...
- 2019-07-29 05:49:53
- jQuery レスポンシブデザイン
- jQueryを使ってレスポンシブなデザインを組む時の代表的なプラグインの紹介です。 一般的にはグリッドレイアウトなどと言われており、ブラウザの横幅によって...
- 2019-07-30 21:45:18
Top