使いやすさと分かりやすさのデザイン：印象 その2

2020/07/31(Fri) 10:01

言葉遣いによる印象の変化 外見と言葉遣いのギャップで印象が変わったことはないでしょうか。例えば、「いかつい容姿に身構えていたら可愛らしい言葉遣いで丁寧に話してくれた。見た目と異なり実は優しい人なの

https://note.com/begin_design/n/nfc4e9ca15f8a

Webページでよく使用されるレイアウトに役立つCSS Gridの実装テクニックのまとめ

2020/07/30(Thu) 09:56

CSS Gridを使用して、Webページでよく使用されるレイアウトやコンポーネントの実装で起きる問題を解決する実装テクニックを紹介します。

https://coliss.com/articles/build-websites/operation/css/css-grid-solutions-layout-patterns.html

商用無料！UIデザインに最適なSVGアイコンが1,130個、小さいスペースにも配置できる極小サイズ対応の優れもの

2020/07/29(Wed) 09:53

個人でも商用プロジェクトでも無料で利用できる、小さいスペースにも配置できる極小サイズ対応のSVGアイコンを紹介します。SVGアイコンなので、もちろん通常のサイズ、大きいサイズでも美しく表示されます。

https://coliss.com/articles/freebies/teenyicons-tiny-minimal-1px-svg-icons.html

CSSで美しいシャドウをつけるbox-shadowの古い書き方とこれからの書き方

2020/07/27(Mon) 09:53

CSSで美しいシャドウをつけるbox-shadowの書き方を紹介します。少し大きめのシャドウを適用し、ネガティブに縮小させることで、通常のシャドウより少しだけ彩度が高くなり、要素がくっきり見えます。

https://coliss.com/articles/build-websites/operation/css/box-shadow-saturated-and-desaturated.html