次世代HTMLの新仕様「レスポンシブ・イメージ（仮）」についてまとめてみた
レスポンシブWebデザインを実装する際、画像の扱いは一つの課題として残っています。現在、PHPを使用した「Adaptive Images」やJavaScriptを使った「Responsive-Images」などが現実的な対応策としてありますが、どちらもApacheの設定を必要とします。レスポンシブWebデザインが広まって標準的な実装方法の一つになろうとしている今、サーバサイド技術に依存しない解決策が早急に求められています。 そんな中、HTMLの仕様策定の一端を担うWHATWG（Web Hypertext Application Technology Working Group – ワットダブルジーと読む）で、新たな仕様が検討されています。 では、どんな議論がされていて、今どんな状況なのか？ なかなか複雑なことになっているようなので、調べてまとめてみました。 ※この記事は、レスポンシブWeb
Picturefill 2.xにウェブ標準に影響する大きな問題発覚。2.3.1より前のバージョンはアップデート必須
Picturefill 2.xにウェブ標準に影響する大きな問題発覚。2.3.1より前のバージョンはアップデート必須 以前このブログでも紹介したことがある picture 要素のポリフィル「Picturefill 」の2.3.1より以前のバージョンに大きな問題が発覚したそうです。 今後のHTMLの仕様策定に影響する可能性があるため、2.3.1より前のバージョンを使用している場合は必ずアップデートしてほしいとのことです。 Picturefill 2.x問題の要点 CSS-Tricksのゲスト投稿 でRICG（Responsive Images Community Group） のMat Marquis氏が告知した内容の要点は以下の通りです： 2.3.1より前のバージョンは必ずアップデートしてほしい セキュリティの問題ではない 2.3.1より前のバージョンで、currentSrc属性に関する問題
Better SVG Fallback and Art Direction With The <picture> Element
Besides using an SVG as a background image in CSS, you can serve SVG foreground images in HTML using one of several embedding techniques, each of which has its advantages and use cases. Unless you’re in need of interactivity or external styling, is the standard way for loading an SVG image, but it has one disadvantage: you currently need JavaScript to provide fallback and/or change the image sourc
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Getting to the Picture Element - The History of the Web
