💀
Skeleton View事例まとめ
コンテンツを読み込み中に表示しておくSkeleton Viewの、各サービス事例と実装方法をメモ程度にまとめた。
Shimmer(光のアニメーション)あり
| コンテンツ | Skeleton View |
|---|---|
 |
 |
Skeletonの各要素に対して点滅のアニメーションを入れて、その要素の位置によって animation-delay を入れることで、左上から流れるような光を見せている
YouTube
アニメーションなし
| コンテンツ | Skeleton View |
|---|---|
 |
 |
点滅を繰り返す
Jira
Shimmerあり
実際のコンテンツとは一部サイズや位置が異なっている。
各コンテンツの主要な色一つを表示
基本的にはSkeleton Viewを使っていないが、画像に関しては主要な色一つ表示している
Discussion