1. Everything I Learned About min(), max(), clamp() In CSS https://ishadeed.com/article/css-min-max-clamp/

CSS関数のmin、max、clampを詳しく解説した記事です。2020年4月8日にFirefoxでサポートされたので、すべての主要なブラウザで使えるようになったそうです。

これらのCSS関数を使うことで、ビューポートを使わずにレスポンシブにサイズを変更できます。ブレイクポイントごとに数値を変更するのとは違い無段階に可変するため、より柔軟なレスポンシブデザインが可能になります。

起こりうる問題や実用的な例、非対応のブラウザを考慮した記述方法を紹介しています。

図1 CSS関数のmin、max、clampを詳しく解説

  1. 7 best practices for using photography in UI design | Dribbble Design Blog

https://dribbble.com/stories/2020/05/05/7-best-practices-photography-ui-design

UIデザインに写真を使うときのヒントを7つまとめています。

高品質な写真にこだわる

ストック写真っぽくない写真を使う

テキストを載せたとき十分なコントラストを保つ

関連性のある画像だけを使う

高い解像度の写真を使う

同じモチーフのものを繰り返し使う

Less is more(少ない方が豊かである)

図2 UIデザインに写真を使うときの7つのヒント

  1. The Pragmatic Designer: Local and Self Hosted Design Tools by Stéphanie Walter - UX designer & Mobile Expert.

https://stephaniewalter.design/blog/the-pragmatic-designer-local-and-self-hosted-tools-for-banking-insurance-and-other-institutions/

オンラインのデザインツールと、その代替となるローカルで動くデザインツールを紹介した長い記事です。

チームの共同作業との親和性の高いオンラインのデザインツールが増えてきたものの、セキュリティ上の理由でオンラインツールを使えない企業もあります。