HTMLのpicture要素、source要素でPCとスマホの画像を切り替える
Webサイトでは多くの画像を利用してデザインしながらコンテンツを作っていきますが、利用する画像のサイズが大きいと表示速度に影響します。またPCやタブレット端末、スマートフォンなど多くのデバイスにあう画像を表示させたいときは、デバイス幅によっ...
続きを読む>>
Webサイトでは多くの画像を利用してデザインしながらコンテンツを作っていきますが、利用する画像のサイズが大きいと表示速度に影響します。またPCやタブレット端末、スマートフォンなど多くのデバイスにあう画像を表示させたいときは、デバイス幅によっ...
続きを読む>>
Webサイトで利用する画像フォーマットとして拡大・縮小しても劣化しなく軽量なデータなので、SVGはこれからのWebサイトで多く利用されていくでしょう。そんな中、SVGの利用にあたって少し手こずるのが様々なデバイスで利用するためのレスポンシブ...
続きを読む>>
Webサイト(ホームページ)やブログでYouTubeやGoogle Mapを埋め込むことがありますが、PCだけでなくタブレット端末、スマートフォンといったいろんなデバイスできれいに表示させるには手間がかかります。 埋め込みにはiframeを...
続きを読む>>