Microsoft Edge、レスポンシブイメージ対応の「srcset」に対応。夏以降は主要ブラウザすべてでsrcsetサポート
マイクロソフトはWindows 10に搭載予定の新ブラウザ「Microsoft Edge」で、imgタグの中で表示デバイスの解像度によって表示すべきイメージを複数指定できる「srcset」に対応することを明らかにしました。 srcsetはすでにChromeでは約1年前のChrome 34から、Firefoxは先月リリースされたFirefox 38から、Operaも先々月リリースのOpera 29からサポートされており、Safariも最新版の1つ前のSafari 7.1から部分的にサポートされています。 7月29日から提供が開始されるWindows 10のMicrosoft Edgeでsrcsetがサポートされれば、夏以降デスクトップ向けとしては主要なブラウザでのサポートがほぼ揃うことになります。 ただしChromeやFirefox、Operaなどが自動でアップデートされるのに対し、Wind
<picture>まわり雑感 その1 - fragmentary
Chrome 38が出て<picture>が有効になったので、いくつか記事を訳した。 レスポンシブイメージのネイティブサポート - HTML5 Rocks Dev.Opera — ネイティブサポートされたレスポンシブ・イメージ Dev.Opera — レスポンシブ・イメージ：ユースケースと入門用のコードサンプル HTML5 Rocksのは<picture>の簡単な使い方をざっと紹介。Dev.Operaのネイティブうんぬんは<picture>と<img srcset>, <img sizes>を細かく説明。もひとつのDev.Operaのサンプルのやつはユースケースごとに組み合わせをいろいろ書いたサンプル。それぞれ少しずつ違っている。おすすめは2つ目。ちょっと長いけど、書いているのがBlink, WebKitで<picture>とかを実装しているYoavなので。 以下いろいろ。 だいたい<im
Srcset and sizes — ericportis.com
Translations: 日本語 (Japanese) by 鈴木丈 (Takeru Suzuki) 中文 (Chinese) by 陈三 (Sam Chen) Português by Tárcio Zemel Part 1: What’s Wrong With Media Queries? So let’s say you’re making a web page sometime between February 23rd, 1993 and May 25th, 2010. Images are easy! Simply: Look at your fixed-width layout Measure exactly how many pixels on each and every user’s screen you will invariably need to fill wi
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
