作成:2016/10/3 Web制作 > 効率よくレイアウトを作成できるように、あまり聞き慣れないけど、今後増えていくであろうプロパティや単位、仕様策定中の新しいプロパティなどについて非常に参考になる記事をチョイスさせていただきました。 エンジニア速報は Twitter の@commteで配信しています。 srcset属性 HTML5で策定されたsrcset属性をimageタグに使うと複数の画像をカンマ区切りで指定することができます。「ウィンドウサイズに応じて画像を切り替える」とのこと。必要な画像だけ読み込まれるのでパフォーマンスが向上しそうです。 <img src="foo.jpg" srcset="2.jpg 2x, 3.jpg 3x" alt=""> srcは未対応ブラウザのフォールバック、「x」はデバイスピクセル比(画素密度記述子)、「w」は横幅(幅記述子。○○px以下なら○○w)
![聞き慣れないけど確実に知っておきたいCSSやhtmlの新機能](https://cdn-ak-scissors.b.st-hatena.com/image/square/141e59e4a9480607740a993b8a5fb5bcb2a399bd/height=288;version=1;width=512/https%3A%2F%2Fcommte.net%2Fwp-content%2Fuploads%2Fadditional_function.jpg)