srcset

srcset 属性 (HTML)

[2] Picture Element Proposal - Responsive Images Community Group ( ( 版)) http://www.w3.org/community/respimg/wiki/Picture_Element_Proposal

[3] [whatwg] Media queries, viewport dimensions, srcset and picture ( ( 版)) http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2012-July/036669.html

[5] [whatwg] Features for responsive Web design ( ( 版)) http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2012-August/036839.html

[6] IRC logs: freenode / #whatwg / 20120803 ( ( 版)) http://krijnhoetmer.nl/irc-logs/whatwg/20120803

[7] [whatwg] Features for responsive Web design ( ( 版)) http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2012-September/037146.html

[8] [whatwg] Features for responsive Web design ( ( 版)) http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2012-October/037538.html

[9] The srcset attribute ( ( 版)) http://dev.w3.org/html5/srcset/

[10] The srcset attribute ( ( 版)) http://www.w3.org/TR/2013/WD-html-srcset-20130228/

[11] [whatwg] Feedback on a variety of elements ( ( 版)) http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2013-July/040190.html

[12] Proposal for RespImg Syntax ( ( 版)) http://tabatkins.github.io/specs/respimg/Overview.html

[13] IRC logs: freenode / #whatwg / 20130930 ( ( 版)) http://krijnhoetmer.nl/irc-logs/whatwg/20130930

[14] [whatwg] The src-N proposal ( ( 版)) http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2013-November/041369.html

[15] IRC logs: freenode / #whatwg / 20131108 ( ( 版)) http://krijnhoetmer.nl/irc-logs/whatwg/20131108#l-690

[16] [whatwg] The src-N proposal ( ( 版)) http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2013-November/041392.html

[17] [whatwg] The src-N proposal ( ( 版)) http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2013-November/041397.html

[18] Explaining The Last Clause of the <code>src-n</code> Grammar - Tab Completion ( ( 版)) http://www.xanthir.com/b4Su0

[19] [whatwg] <imgset> responsive imgs proposition (Re: The src-N proposal) ( ( 版)) http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2013-November/041507.html

[20] [whatwg] The src-N proposal ( ( 版)) http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2013-November/041514.html

[21] IRC logs: freenode / #whatwg / 20131119 ( ( 版)) http://krijnhoetmer.nl/irc-logs/whatwg/20131119

[22] IRC logs: freenode / #whatwg / 20131127 ( ( 版)) http://krijnhoetmer.nl/irc-logs/whatwg/20131127

[23] Media (SVG 1.2) ( ( 版)) http://www.w3.org/TR/2004/WD-SVG12-20041027/media.html#multires

[24] Move the normative bits of the picture spec to the HTML spec. · 60e9bbd · ResponsiveImagesCG/picture-element ( ( 版)) https://github.com/ResponsiveImagesCG/picture-element/commit/60e9bbd1514d7c51dabab5fb750881e9f3e6a478#diff-36cd38f49b9afa08222c0dc9ebfe35ebR123

[25] Move the normative bits of the picture spec to the HTML spec. · 60e9bbd · ResponsiveImagesCG/picture-element ( ( 版)) https://github.com/ResponsiveImagesCG/picture-element/commit/60e9bbd1514d7c51dabab5fb750881e9f3e6a478#diff-36cd38f49b9afa08222c0dc9ebfe35ebL96

[26] Bug 20212 – <img> srcset syntax only supports 'mobile first' ( ( 版)) https://www.w3.org/Bugs/Public/show_bug.cgi?id=20212

[27] Parse the descriptors directly in srcset. Fixes #187 · f1e5c88 · ResponsiveImagesCG/picture-element ( ( 版)) https://github.com/ResponsiveImagesCG/picture-element/commit/f1e5c88f3182013c0405674a40a4706b31909104

[28] Remove entries in srcset with the same (normalized) density. Fixes #219 · 43071ee · ResponsiveImagesCG/picture-element ( ( 版)) https://github.com/ResponsiveImagesCG/picture-element/commit/43071ee64f2fd30be1b16f285aa22f330e259d2d

[29] Specify parse errors in srcset and sizes. Fixes #216 · 7622660 · ResponsiveImagesCG/picture-element ( ( 版)) https://github.com/ResponsiveImagesCG/picture-element/commit/7622660ed7b70d6e980894d5ab1f884f3d7218f6

[30] Drop srcset candidate with h descriptor without w descriptor. Fixes #239 · 9687867 · ResponsiveImagesCG/picture-element ( ( 版)) https://github.com/ResponsiveImagesCG/picture-element/commit/968786711a8a7332d25bbf0fd5bc2cb7ecffb57c

[31] Require srcset parsing behavior for partial impls. Fixes #244 · 0e65426 · ResponsiveImagesCG/picture-element ( ( 版)) https://github.com/ResponsiveImagesCG/picture-element/commit/0e654260aa0fc4d62a471c6cfc7455c92c7cdfa7

[32] Drop srcset candidates with unknown descriptors. Fixes #245 · 496b38b · ResponsiveImagesCG/picture-element ( ( 版)) https://github.com/ResponsiveImagesCG/picture-element/commit/496b38b584cf62206f60506ac79397aca36114b0

[33] Be less confusing in a step in the srcset parser · 2e5a052 · ResponsiveImagesCG/picture-element ( ( 版)) https://github.com/ResponsiveImagesCG/picture-element/commit/2e5a052be27325bbfd42266d0efbe9598055bdf2

[34] Clarify the ordering of a source set. Fixes https://www.w3.org/Bugs/Publ... · 9a73702 · ResponsiveImagesCG/picture-element ( ( 版)) https://github.com/ResponsiveImagesCG/picture-element/commit/9a73702fb7c8c34cbe504b4f681799058738329c

[35] Make environment changes algorithm use pending request machinery. Fixes ... · c798686 · ResponsiveImagesCG/picture-element ( ( 版)) https://github.com/ResponsiveImagesCG/picture-element/commit/c798686911c2bf9334899ac44e0e4a11fa000b19

[36] Require the sizes attribute when using w. Fixes #253 · 535e96b · ResponsiveImagesCG/picture-element ( ( 版)) https://github.com/ResponsiveImagesCG/picture-element/commit/535e96b73ea8b0e94a7819b1482cd48bff18698e

[37] Proposal for RespImg Syntax ( 版) https://tabatkins.github.io/specs/respimg/

[38] Fix #416: Make srcset work even for out-of-document <img>s · whatwg/html@b1931d9 ( 版) https://github.com/whatwg/html/commit/b1931d96964e803db0b11f3400d0a48d3f038858

[39] ダウト。 | KAWABATA channel ( ()) http://kawabata-channel.com/5093/

<a href='http://kawabata-channel.com/wp-content/uploads/2016/05/P1100123m.jpg'><img width="267" height="200" src="http://kawabata-channel.com/wp-content/uploads/2016/05/P1100123m-267x200.jpg" class="attachment-thumbnail size-thumbnail colorbox-5093 " alt="室内" aria-describedby="gallery-1-5108" srcset="http://kawabata-channel.com/wp-content/uploads/2016/05/P1100123m-267x200.jpg 267w, http://kawabata-channel.com/wp-content/uploads/2016/05/P1100123m-250x188.jpg 250w, http://kawabata-channel.com/wp-content/uploads/2016/05/P1100123m-594x446.jpg 594w, http://kawabata-channel.com/wp-content/uploads/2016/05/P1100123m.jpg 666w" sizes="(max-width: 267px) 100vw, 267px" /></a>

[40] >>30 srcset の指定、効いてるのかなあ??

[41] Use USVString for all URLs ( (domenic著, )) https://github.com/whatwg/html/commit/018b983b77b2cd908f6d00100e7e0abe893dd2c3

[42] 税理士なら港区の税理士法人インテグリティ ( ()) http://www.integrity.or.jp/

<p><a href="http://www.integrity.or.jp/wp-content/uploads/2014/08/23ku.png"><img class="alignright size-full wp-image-5454" src="http://www.integrity.or.jp/wp-content/uploads/2014/08/23ku.png" alt="東京都港区渋谷区新宿区に特化した公認会計士・税理士" width="410" height="412" srcset="http://www.integrity.or.jp/wp-content/uploads/2014/08/23ku.png 410w, http://www.integrity.or.jp/wp-content/uploads/2014/08/23ku-150x150.png 150w, http://www.integrity.or.jp/wp-content/uploads/2014/08/23ku-298x300.png 298w" sizes="(max-width: 410px) 100vw, 410px" /></a></p>

[43] >>42 WP がアップロード時に自動的に他のサイズの画像も作成している模様。 縮小サイズの画像では文字が潰れて読めない。

[44] Describe the srcset, sizes and media attributes for <img>/<source> (zcorpan著, ) https://github.com/whatwg/html/commit/de58b9ebf9d06dc846f6fe8cd301ae4c6d66c0c8

[45] Editorial: restructure the <img>-related sections (zcorpan著, ) https://github.com/whatwg/html/commit/819272910bb1355bb3c45dc4976d71c1152eb723

[46] 17799 – srcset: Support different resolutions for command elements and images () https://www.w3.org/Bugs/Public/show_bug.cgi?id=17799

[47] Regression fix: only repeat a single step (annevk著, ) https://github.com/whatwg/html/commit/bf139cb8102504bbbe92a4f6b8170635062d4ce6

[48] "Parse a srcset algorithm" is confusing · Issue #2958 · whatwg/html () https://github.com/whatwg/html/issues/2958

[49] Regression fix: only repeat a single step by annevk · Pull Request #2963 · whatwg/html () https://github.com/whatwg/html/pull/2963

[50] Cleaning up 'optionally-blockable'. (mikewest著, ) https://github.com/w3c/webappsec-mixed-content/commit/2ff806843a8e634d7d47484db185b995d2d6a95c

[51] Fixing link to 'use srcset or picture'. (mikewest著, ) https://github.com/w3c/webappsec-mixed-content/commit/e6220c8d697475562b778b41d18f9623a24c17cd

[52] () http://cas.nicovideo.jp/user/70968989/lv309570516

<img class="wp-UserBroadcastContent_ContentThumbnailImage"

src="https://secure-dcdn.cdn.nimg.jp/cas/assets/eoxe3ePh/0.0.84///images/nicoex/watch/thumbnail/live-01@2x.jpg"

srcset="https://secure-dcdn.cdn.nimg.jp/cas/assets/eoxe3ePh/0.0.84///images/nicoex/watch/thumbnail/live-01.jpg 1x,

https://secure-dcdn.cdn.nimg.jp/cas/assets/eoxe3ePh/0.0.84///images/nicoex/watch/thumbnail/live-01@2x.jpg 2x"

alt=""

>