■Comparing Various Ways to Hide Things in CSS | CSS-Tricks

https://css-tricks.com/comparing-various-ways-to-hide-things-in-css/

CSSによって要素を隠すいろいろな方法とそれらの比較です。

以下の4つの項目を踏まえて比較しています。

アクセシビリティ：非表示の要素はスクリーンリーダーで読み取られるか

ドキュメントフロー：非表示の要素はレイアウトに影響を与えるか

レンダリング：非表示の要素のボックスモデルはレンダリングされるか

イベントトリガー：非表示の要素はクリックやフォーカスを検出するか

方法としては以下の5種類と、おまけ的にtext-indentプロパティを使った方法を解説していました。

displayプロパティを使った方法

visibilityプロパティを使った方法

opacityプロパティを使った方法

positionプロパティを使った方法

visually hiddenクラスを使った方法

図 CSSによって要素を隠す方法の比較

■Practical Guide to Color Theory for UI designers

https://designerup.co/blog/practical-guide-to-perfect-ui-color-palettes/

色のセオリーとUIデザインに用いるカラーパレットに関する実用的なガイドです。

6つの主要なカラーカテゴリを紹介しています。UIに使う色は、1つのカラーカテゴリとニュートラルとシェードを組み合わせることと解説していました。

ジュエルトーン