You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
This is a non-official version of the proposal at: <ahref="http://dvcs.w3.org/hg/html-proposals/raw-file/tip/responsive-images/responsive-images.html">http://dvcs.w3.org/hg/html-proposals/raw-file/tip/responsive-images/responsive-images.html</a>
2
2
3
-
This repo is indended solely for the sake of basic issue tracking, and public contributions to the editing and formatting of the proposal. Discussion of potential/outstanding issues with the proposal should remain on the <ahref="public-html@w3.org">HTML WG mailing list</a>, <ahref="public-respimg@w3.org">RICG mailing list</a>, or both.
3
+
This repo is indended solely for the sake of basic issue tracking, and public contributions to the editing and formatting of the proposal. Discussion of potential/outstanding issues with the proposal should remain on the <ahref="mailto:public-html@w3.org">HTML WG mailing list</a>, <ahref="public-respimg@w3.org"><abbrtitle="Responsive Images Community Group">RICG mailing list</a>, or both.
<p>This proposal was designed with the following goals in mind:</p>
211
+
<p>The overarching goal is to give developers a way to provide user agents with sufficient information about each image, and applicable media, so that the user agent can select the most appropriate one for a dynamically changing browsing situations. This includes, but is not limited to, different screen pixel width/height, pixel densities, environmental lighting conditions, and potentially even situations where the network bandwith changes dymamically. By providing a graded set of image sources, UA discretion could similarly apply to situations where the network bandwith changes dymamically. Based on user settings and network latency calculated by the user agent, the UA may have the option of selecting lower density image sources.</p>
212
+
<p>In addition, this proposal is being worked on with the following goals in mind:</p>
212
213
<ul>
213
-
<li>Respond to different screen pixel width/height.</li>
214
-
<li>Respond to different screen pixel densities.</li>
215
-
<li>Provide user agents with information they need to select the most appropriate image source given low bandwidth situations.</li>
216
-
<li>Will fallback gracefully on older user agents.</li>
217
-
<li>Can be polyfilled effectively.</li>
214
+
<li>Will degrade gracefully on older user agents.</li>
215
+
<li>Can be polyfilled.</li>
218
216
<li>Retains, at a minimum, the same level of accessibility as current <code>img</code> element.</li>
219
-
<li>Preserves separation of content markup and styling.</li>
220
-
<li>Provides a purely client-side solution which can include JavaScript, but doesn’t require it.</li>
217
+
<li>Adhere to common conventions around for content, markup, behavior, and styling.</li>
218
+
<li>Provides a purely client-side solution that can rely on scripts, but doesn’t require it. Similarly, this solution must not require the use of any server-side technologies to reliably deliver content tailored for the end user’s browsing situation.</li>
221
219
<li>Supports use cases where authors need to explicitly define different image versions as opposed to simply different resolutions of the same image.</li>
222
220
<li>Provides a consistent and predictable pattern for delivering alternate media sources based on client context.</li>
223
221
<li>Supports succinct but understandable mark-up. </li>
@@ -286,15 +284,15 @@ <h2 class="informative-subhed">Gray Scale and High Contrast Modes</h2>
<li><ahref="https://github.com/scottjehl/picturefill/tree/div-markup-currentprop">Scott Jehl’s Picturefill</a> closely matches the proposed syntax, albeit using <code>div</code> elements in order to be used today:</li>
0 commit comments