先日リリースされたChrome 92のデベロッパーツールに、CSS Gridの実装に役立つ新機能が2つ加わりました！

1つ目はCSS Grid editorでデバッキングツール、2つ目はCSS Gridのオーバーレイ、どちらもWeb制作でCSS Gridを使用する時に大活躍すること間違いなしです。

参考: New CSS Grid debugging tools

HTMLもCSSも一通り勉強した、でも実際にWebページを実装しようとするとどこから手をつければよいか悩んでしまう。そんな人にお勧めしたい、実装の作業フローと思考プロセスをくわしく解説した良書を紹介します。

本書は通常の解説書とは一線を画すもので、現場レベルの作業や考え方を基礎からていねいに解説したものです。実装のテクニックもたくさん解説されており、さまざまなプロジェクトで役立ちます。

スクロールバーのデザインをCSSでカスタマイズする方法を紹介します。

ページ全体のスクロールバー（ブラウザに表示されるやつ）はデフォルトのままでよいですが、ページ内のスクロールコンテンツなどではUIのデザインと一貫したスクロールバーを実装する必要があるかもしれません。

スクロールバーをカスタマイズする時のCSSの古い構文と新しい構文での違い、スクロールバーのさまざまなデザインの実装方法、アクセシビリティにおける注意点など、徹底解説されています。

Custom Scrollbars In CSS
by Ahmad Shadeed

CSS Gridを学ぶ人のために作成されたチートシートを紹介します。

CSS Gridの各プロパティと値でレイアウトがどのようになるか一目で確認できます。チートシートは高解像度版も無料でダウンロードでき、モニターの壁紙や印刷して机の脇に貼っておいても便利です。

CSS Grid Cheat Sheet 🔥
by Mariana Simon

7/7にセールが開催した時にも記事にしましたが、今回のセールは通常セールと比べて非常にお得なので、再び紹介します。初見の人はもちろん、購入しようと思って忘れてた人もお見逃しないように。

総額25万超え分の高品質なテクスチャとパターン素材が約3,000円ほどで購入できるセールで、紙や布や水彩や宇宙のテクスチャをはじめ、ひび割れや破れのテクスチャ、アジアのパターン、オリエンタルのパターン、シノワのパターン、和のパターン、服飾のパターンなどが揃っています。

販売期間は、8月3日12時まで。
購入した素材は、Webデザイン、アプリ、動画、紙、プロダクトのデザインなどに利用でき、クライアントのプロジェクトでも販売する同人誌に使用してもOKです。

ギガ盛り！テクスチャー＆パターン大全集

デザインはちょっとした一手間を加えるだけで、ぐっとよくなります。
プロのUIデザイナーによるWebページやスマホアプリのUIとUXを改善するデザインの知識とテクニックを紹介します。

第7弾は、テキストや要素をより分かりやすく魅せるデザインのテクニックです。

UI & UX Micro-Tips: Volume Seven.
by Marc Andrew

Kindle本 夏のビッグセールでWebや紙のデザイン、配色のアイデア、同人誌・絵師さん向けのイラスト関連の良書がたくさん対象です！

セール期間は2021年8月5日（木）まで。
対象のKindle本は最安値（当方調べ）なので、いまが買い時です！

中でも私の一押しは「イラスト映えBOOK」です。イラストの描き方ではなく、魅せ方についてのアイデア集で、イラストを描く人はもちろん、Webや紙のデザインにもひらめきがある良書です。

【50％OFF】 Kindle本 夏のビッグセール

デザインのスキルを身につけたいと思った時に文字のデザイン、字詰めをあげるデザイナーは少なくないと思います。文字は、ロゴ、コピー、タイトル、見出し、本文のクオリティに影響を与える重要なデザイン要素です。

字詰めは感覚的な表現で解説されることが多いですが、本書では論理的に分かりやすく解説されており、デザイナーが直面する字詰めの疑問にフォーカスがあてられた非常に実践的な解説書です。欧文だけでなく、和文の横書き、和文の縦書き、そしてロゴについても詳しくていねいに解説された一冊です。