💀

Skeleton View事例まとめ

2022/01/25に公開約1,100字

コンテンツを読み込み中に表示しておくSkeleton Viewの、各サービス事例と実装方法をメモ程度にまとめた。

Facebook

Shimmer(光のアニメーション)あり

コンテンツ Skeleton View

Skeletonの各要素に対して点滅のアニメーションを入れて、その要素の位置によって animation-delay を入れることで、左上から流れるような光を見せている

YouTube

アニメーションなし

コンテンツ Skeleton View

LinkedIn

点滅を繰り返す

Jira

Shimmerあり
実際のコンテンツとは一部サイズや位置が異なっている。

Pinterest

各コンテンツの主要な色一つを表示

Twitter

基本的にはSkeleton Viewを使っていないが、画像に関しては主要な色一つ表示している

Discussion

ログインするとコメントできます