TTIL

2021-12-28 CSS aspect-ratio / Classless CSS Framework

aspect-ratio - CSS: カスケーディングスタイルシート | MDN

ある要素の比率をCSSで指定したい場合は aspect-ratio が便利。

aspect-ratio: 1 / 1;
aspect-ratio: 16 / 9;
aspect-ratio: 0.5;

画像に高さと幅を設定することが再び重要に

上MDNの記事内で引用されている下記記事は参考になった。

参考

Classless CSS Framework

クラスレスフレームワークを検討する上では下記サイトが参考になった。

No-Class CSS フレームワークをいろいろ比較するサイトを作った

中でも new.css が気に入った。

そして new.css よりも後発である Simple.css が良さそうだった。下記の記事にてなぜ new.css ではなく、simple.css なのかが綴られている。

Simple.css – A Classless CSS Framework For Everyone | Kev Quirk