最近は facebook や instagram などを中心に多くのアプリでも見るようになってきた、読み込み時に表示される UIプレースホルダー。（スケルトンデザインとも言うよう） ページ読み込み時のユーザーの体感速度を高めるための一つとして有効な手段です。 そん…

こんな感じで画像の縦横比を変えずに指定したサイズにリサイズする React Component を作りました。 横長画像の場合 縦長画像の場合 画像の長辺を枠に合わせ縦横比を変えずに画像全体が枠内に収まるようにリサイズするものです。 画像の縦横比を保ったままの…

@keyframe を使ってCSSだけで背景画像を作成しました animation と @keyframe を使用するとCSSで簡単にアニメーションが実装できます。 このサイトを作成する際に animation と @keyframe を使用したのでその使い方を紹介します。 Elastic | A collection of…