IEよ、さようなら😂 IEをサポート外にした時に使用できるCSSのプロパティや機能のまとめ

2022/06/14 219 users プロパティ CSS object-fit level 機能

object-fitの使い方: レスポンシブ対応、動画や画像をブラウザいっぱいに表示するCSSのテクニック prefers-color-scheme media query prefers-reduced-motion media query text-emphasisプロパティ text-stroke, text-fill font-variation-settingsプロパティ will-changeプロパティ CSS Grid Layout (level 1) IEでCSS ... 続きを読む

これからのレイアウトはGrid Layoutで決まり？特徴で使い分けたいCSSレイアウト手法 - ICS MEDIA

2017/07/10 178 users ICS MEDIA レイアウト Flexbox float

新しいCSSのGrid Layoutはウェブページのレイアウトに役立ちます。従来FloatやFlexboxでつくっていたようなレイアウトは、Grid Layoutで置き換えられるものもあるでしょう。しかし、 すべてをGrid Layoutで置き換えるのが良いとはいえません 。Float、Flexbox、Grid Layoutには、それぞれ特徴があるためです。 特徴を生かし使い分けていくことで、より... 続きを読む

right: 100%か負のマージンか - Weblog - Hail2u.net

2013/12/12 80 users Weblog hail2u.net マージン Right 拡充

これまでCSSにはレイアウト方法があまりなかった。これからはFlexible Box LayoutやMulti-column Layout、Grid Layoutを始め、positionプロパティーに使える値の拡充などもあり柔軟に行えるようになるだろうが、それはけっして既存のレイアウト方法が不必要になるということではない。選択肢が増えると受け止めるべきだ。例えばright: 100%や負のマージン... 続きを読む