タグ

HTML5とimgに関するedo_m18のブックマーク (2)

  • 新しい picture 要素の仕様が公開、レスポンシブ・イメージ最新動向

    HTML5 extension (HTML5 拡張仕様) として策定されている picture 要素に関して、最新の仕様が年明け、1月 2日に公開されましたので簡単に紹介。 所謂、レスポンシブ・イメージ (Responsive images) のお話ですが、HTML5 extension (HTML5 拡張仕様) として策定されている picture 要素に関して、最新の仕様 (Editor's Draft) が年明け、1月 2日に公開されました。 ちょっと時間が経ってしまいました (10日以上、下書きのままで放置されていたのはナイショ) が紹介と、レスポンシブ・イメージ関連の最新動向を簡単にまとめてみます。 The picture Element, Editor's Draft, 2 January 2014 ちなみに、1つ前の仕様は下記になります。 The picture elemen

    新しい picture 要素の仕様が公開、レスポンシブ・イメージ最新動向
    edo_m18
    edo_m18 2014/01/17
    期待。ただ、手では書きたくないな、もう・・w
  • WebKitがsrcsetを実装!レスポンシブイメージの問題が大きく前進

    WebKitがWebKitが、img要素のsrcset属性を実装したとのニュースが、海外のWeb開発者たちの間で話題になっています。 srcset属性は、レスポンシブイメージを実現するために、WHATWGが提案していた仕様です。 この機能を用いると、ブラウザのスクリーン要件(幅、高さ、ピクセル密度)に応じて、異なる画像を読み込む事ができるようになります。 例えば以下のコードでは、ピクセル密度が2倍の(Retinaディスプレイのような)スクリーンを備えたデバイス上ではhigh-res.jpgを、それ以外のデバイスではlow-res.jpgを読み込みます。 この件について詳しく報じている“WebKit Has Implemented srcset, And It’s A Good Thing | Smashing Mobile”という記事によれば、srcset属性はレスポンシブイメージが必要と

    WebKitがsrcsetを実装!レスポンシブイメージの問題が大きく前進
  • 1