「レスポンシブ・デザインとは?」を説明する9つのGIFアニメーションが、FastCompanyが運営するCo.Designの記事に掲載されていました。 9 GIFs That Explain Responsive Design Brilliantly | Co.Design 見習いたい表現なので、取り上げます。 たとえば、画面幅の考え方は。 image by Froont デスクトップファーストとモバイルファーストの違いは? image by Froont それぞれのGIFアニメーションのサイズは、数百キロバイトに抑えてあり、アニメーションは9つありますが表示するのにストレスは少ないです。 わかりやすく情報を伝えられるだけではなく、記事を読む側の利便性からしても、動画を9つ使うよりもGIFアニメーションを使うことに意味がありますね。
![レスポンシブ・デザインを説明するGIFアニメ | ビジュアルシンキング](https://cdn-ak-scissors.b.st-hatena.com/image/square/79f72b8191b255b5b0d4316a10cf8add5e2d4909/height=288;version=1;width=512/https%3A%2F%2Fwww.visualthinking.jp%2Fwp-content%2Fuploads%2F2014%2F11%2Fscreensize.gif)