https://uxplanet.org/simple-design-tips-for-crafting-better-ui-cards-19c1ac31a44e
カード型UIコンポーネントをデザインするためのヒントを紹介しています。
内容に関連する画像を使う
大事な文字情報だけに絞る
本文にはシンプルな書体を使う
カードとわかるように影をつける
カード内のインタラクティブな要素を明確に示す
モバイル環境ではカード内でのスクロールを使わない
詳細情報を表示するとき親から子への遷移を使う
よく使われているジェスチャー操作に対応する
図1 カード型UIをデザインするためのヒント
https://css-tricks.com/an-overview-of-scroll-technologies/
スクロール関連のテクノロジーについてまとめた記事です。
以下は、CSSだけで実装できるスクロール効果として掲載されていました。
特定の位置で固定される(position: sticky;)
視差効果
特定の位置にスナップ
スムーズスクロール