イメージはなんとなく浮かぶけど、じゃあその配色は具体的にどうすれば、、、そんなデザインやイラストの悩みに大活躍する配色本を紹介します。

本書は人気シリーズの第3弾で、今回は「カラー縛り」のデザイン案件に役立つ配色になっています。例えば、レッド系でもさまざまなトーンのレッドと色の組み合わせを写真・イラスト・パターン・キーワードなどさまざまな角度の配色が分かります。

CSSのコンテナクエリが、Chrome Canaryのフラグで利用できるようになりました。正式なサポートはこれからですが、一足先に、コンテナクエリの基礎知識と便利な使い方を紹介します。

メディアクエリはビューポートサイズに基づきますが、コンテナクエリは文字通り親コンテナに基づいてスタイルを定義できます。これによりコンポーネントを複数のコンテクストで使用でき、コンポーネント単位の実装も簡単になります。

Say Hello To CSS Container Queries
by Ahmad Shadeed

ユーザーがボタンのクリックなど、アクションをした際に紙吹雪やハートをクラッカーで弾けたようなエフェクトで表示する、楽しさを演出するJavaScriptライブラリを紹介します。

クリックするのが楽しくなるエフェクトがたくさん揃っており、「おめでとう！」「ありがとう！」「うれしい！」などを視覚的に伝えることができます。

Party.js
Party.js -GitHub

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

第4弾は、UIに一貫性・統一感を持たせるためのデザインテクニックです。

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

WebサイトやスマホアプリのさまざまなUIデザインに適した、シンプルなデザインのSVGアイコンが無料で利用できるIconicを紹介します。

アロー・ホーム、サーチ・ショッピングカート・バッグ・スター・メールなど、UIデザインでよく使用されるアイコンが揃っており、フォーマットはSVGで利用できます。また、Vue, Reactのコンポーネントとしても利用できます。

Iconic
Iconic -GitHub

通常は有料ですが、今週末まで無料でダウンロードできる、たった1回のブラシストロークで美しい光と影の質感が描けるPhotoshopのブラシ素材を紹介します。

本来は有料なだけあってかなり高品質。ブラシはPhotoshop CS6対応で、最新のPhotoshop CC 2021でも利用できます。もちろん、WindowsでもmacOSでもOK。
期間中にダウンロードしておけば、いつでも使えて、再ダウンロードも無料です。

Dry Media Brushes

本日からAmazonで、アドビの新緑フレッシュセールが開催されています！

期間は5/7まで、Adobe CC コンプリートプラン、Illustrator単体プランが期間限定で激安になっており、かなりお買い得です。

コンプリートプランだと27％オフで、更新だとさらに5％オフになります！

参考: Adobe Creative Cloud

Amazonで昨日から、Kindle本のGW特大セールが開催しました！
セール期間は2021年5月13（木）まで、かなりの数のWeb制作・デザイン・イラスト関連のKindle本が半額になっています。

セール初登場のもの、当ブログで大好評だったもの、あまりセールにならないもの、さらにはプライム会員0円やUnlimited対象になったものもあり、見逃せません！
しかもUnlimited GWキャンペーンで30日間無料、2ヵ月1960円が99円です。

Kindle 【50%OFF】 GWキャンペーン
セール期間は2021年5月13（木）まで