イラストのディレクションって、何からどうすればいいの？ そんな不安を完璧に解消してくれるイラストのディレクションを徹底解説した良書を紹介します。

こういった解説書は、初じゃないでしょうか。
イラストのディレクションを基本から、イラストレーターの見つけ方、発注方法、最初に伝えるべき内容、クライアントへの提案、スケジュールや料金、著作権や契約についてまでよく分かる一冊です。

イラストをどのように効果的にデザインで使用すればよいのか、制作の前段階から納品後までその過程がくわしく解説されています。

画像の上にテキストを配置する際に、より読みやすく、より美しくするCSSのテクニックを紹介します。

CSSで画像上にテキストを表示する際に起こる問題に対するさまざまなアプローチと解決するための実装方法を解説。また、最近見かけた素晴らしいテクニック、便利なツールなども紹介します。

Handling Text Over Images in CSS
by Ahmad Shadeed

Adobe CCユーザーに朗報です！🎉
Adobe Fontsにまたまた、191書体の大量の日本語フォントが追加されました。これでトータル436の日本語フォントが利用できます。

CSSの新しいセレクタが、主要なすべてのブラウザにサポートされました（ただし、IEは除く）。複数のセレクタを1つにまとめられる:is()、同機能でさらにセレクタの詳細度を0にする:where()をどのように使い分ければよいのか紹介します。

:where() has a cool specificity trick, too.
by Chris Coyier

UI/UXデザインのコラボレーションツール「Figma」で、Webサイトやスマホアプリのデザインシステムを制作する手順を紹介します。

カラーパレットをはじめ、タイポグラフィ、シャドー、アイコン、コンポーネントなど、Figmaでデザインシステムに必要なものをどのように制作するか解説します。

Creating a Design System in Figma.
by Marc Andrew

個人でも商用でも完全に無料、クレジット表記の必要もなし、変更や編集も可の太っ腹ライセンスのイラスト素材を紹介します。

イラストはすべて手描きで、スタートアップ、ハンドなどの定番ものから、在宅勤務やCOVID-19、ファッション、スポーツ、フラワーなどのテーマが揃っています。

Skribbl -Free, Hand-drawn Illustrations

Adobe XDでWebサイトを制作したい、ワイヤーフレームの作り方を具体的に知りたい、コミュニケーションやプレゼンテーションツールとして活用したい、基本操作から実務レベルの使い方まで詳しくていねいに解説した一冊を紹介します。

Adobe XDは、Webサイトやアプリの制作で欠かせないツールの1つとして多くのユーザーに支持されています。Adobeユーザー（登録無料）なら無料で利用でき、Webサイトやアプリの制作だけでなく、コラボレーションツールやコミュニケーションツールとしても活躍します。

Webページやスマホアプリに使用される一般的な定番レイアウトをCSS Flexboxで実装したシンプルなコードを紹介します。

ヘッダ・コンテンツ・フッタがあるレイアウトをはじめ、サイドバーがあるレイアウト、スマホに対応したカードの配置、高さを揃えたカード、異なる高さのカードを使用した価格表など、コピペで簡単に使用できます。

Evergreen CSS Flex Layouts With Live Demos
by Miroslav Nikolov