The Complete CSS Grid Tutorial

https://jst.hashnode.dev/css-grid-tutorial

CSSグリッドの完全版チュートリアルです。CSSグリッドについて初歩から丁寧に解説していて図版も豊富です。

1ページですがかなりのボリュームがあって、まさにComplete（完全）と名乗るにふさわしい充実した内容でした。

これのFlexbox版があったらいいのにと思ったら、最後に「The Complete CSS Flex Tutorial」へのリンクがありました。こちらも充実の内容です。

図 CSSグリッドの完全版チュートリアル

Web Layout Best Practices – 12 Timeless UI Patterns | Toptal

https://www.toptal.com/designers/ui/web-layout-best-practices

時間を超えて使われるUIパターンを12種類紹介しています。そのときどきの流行ではなく、ずっと使われ続けている便利で使いやすいものです。

カードスタイルのWebレイアウトパターン

スクリーン分割レイアウト

大きなタイポグラフィ

パーソナライズ

グリッド

雑誌のようなスタイルのWebレイアウト

シングルページレイアウト

FパターンとZパターン

非対称

クリーンでシンプルなWebレイアウト

ナビゲーションタブ