次世代HTMLの新仕様「レスポンシブ・イメージ（仮）」についてまとめてみた

レスポンシブWebデザインを実装する際、画像の扱いは一つの課題として残っています。現在、PHPを使用した「Adaptive Images」やJavaScriptを使った「Responsive-Images」などが現実的な対応策としてありますが、どちらもApacheの設定を必要とします。レスポンシブWebデザインが広まって標準的な実装方法の一つになろうとしている今、サーバサイド技術に依存しない解決策が早急に求められています。 そんな中、HTMLの仕様策定の一端を担うWHATWG（Web Hypertext Application Technology Working Group – ワットダブルジーと読む）で、新たな仕様が検討されています。 では、どんな議論がされていて、今どんな状況なのか？ なかなか複雑なことになっているようなので、調べてまとめてみました。 ※この記事は、レスポンシブWeb

[nitoyon]

仕様決まるまでのゴタゴタ。ブラウザベンダーと開発者の確執。

[trashtoy]

理想論を言うと、画像のURLは一つだけで、HTTPリクエストに合わせて異なるHTTPレスポンス(=画像のバイナリデータ)を返すようにするのが良いなあ。マークアップエンジニアは困るだろうけど。

[kussun]

メンドくさいことになってるんだな。どのやり方もスマートな感じがしない。

[Kureduki_Maari]

Rriver » 次世代HTMLの新仕様「レスポンシブ・イメージ（仮）」についてまとめてみた .｡oO(<pictire> <source media="" srcset="" />+ </picture>)

[richard_raw]

回線速度への対応は難しいと。デザイン要素と文書データが混同するのは避けたいですな。

[ryo_n574]

懐かしい記事。まとめるの大変だったなぁ

[nilab]

Rriver » 次世代HTMLの新仕様「レスポンシブ・イメージ（仮）」についてまとめてみた : picture/source要素 : img@srcset属性 : picture/source@srcset属性

[youpy]

picture 要素 srcset 属性

[glat_design]

かなり濃い資料。

[iR3]

ふむふむ

[tarchan]

＞Retina対応を施したいAppleが、Webkit向けにprefix付きでimage-set()という機能を実装すると発表

[teppeis]

srcset, picture

[yasu-log]

［B!］次世代HTMLの新仕様「レスポンシブ・イメージ（仮）」についてまとめてみた

[yasuhirode]

次世代HTMLの新仕様「レスポンシブ・イメージ（仮）」についてまとめてみた (via @Pocket)

[ama-ch]

いいまとめ。回線速度を考慮するのはやっぱ難しいかなー

[kyotaweb]

未来の話だが、おもしろい

[raimon49]

＞Retina対応を施したいAppleが、Webkit向けにprefix付きでimage-set()という機能を実装すると発表。これはRetinaディスプレイのようにデバイスピクセル比が違うスクリーン向けに、個別の画像を指定できる「パッチ」で、7月に発売

[aretokore]

>> Rriver » 次世代HTMLの新仕様「レスポンシブ・イメージ（仮）」についてまとめてみた

[hr07jp]

次世代HTMLの新仕様「レスポンシブ・イメージ（仮）」についてまとめ

[okeke1101]

回線速度の判別が今後の課題か。

[warriorking]

Rriver » 次世代HTMLの新仕様「レスポンシブ・イメージ（仮）」についてまとめてみた

[ichitaso]

実際に回線速度にあったコンテンツを表示するなら、モバイルビューを別に設けるのが今のとこベター。今後の仕様変更で敷居が低く高速化が望めるのがベスト。

[o_hiroyuki]

いずれにせよ複数画像を用意するのは免れそうにない

[yocchi24]

多デバイス対応か。

[webmanmain3834]

重要情報：だけどね…じゃあどうすれば良いかは、待たずに考えるのも重要。作れば良いじゃない。やりたい事は分かっているでしょ？それにすべてのサイトが「 Responsive...

[meets623]

多少ぼやけてでもパッと表示して欲しい。任意操作で切り替えられればいいなぁ > Rriver » 次世代HTMLの新仕様「レスポンシブ・イメージ（仮）」についてまとめてみた

[yujinlogue]

Reading... RT @rriver: 次世代HTMLの新仕様「レスポンシブ・イメージ（仮）」についてまとめてみた

[at_yasu]

よくわからんのだけど、予めでかい画像にしといて、HTML側でjQueryなりでサイズ合わしたらいいんじゃないの。

[yujiorama]

こんな仕様あったんだ

[ks1234_1234]

「このW3C HTML WGとWHAT WGにはちょっとした「過去」があって、もともとW3CがHTMLを放ったらかしにしてXHTMLに専念していたところ、HTMLの将来を危惧したメンバーがWHATWGを立ち上げました」http://www.whatwg.org

[ryugazin76]

Rriver - ウェブやってます。