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
{{ message }}
This repository was archived by the owner on Sep 6, 2022. It is now read-only.
To find out how to use Picturefill, visit the [project site](http://scottjehl.github.com/picturefill/).
16
16
17
17
## The gotchas
18
-
Be it browsers, the `picture` spec, or picturefill, there are a couple gotchas you should be aware of when working with Picturefill.
18
+
Be it browser issues, the responsive images specifications, or Picturefill itself, there are a couple gotchas you should be aware of when working with Picturefill:
19
19
20
-
- Firefox 38 and 39 has some bugs [[1]](https://bugzilla.mozilla.org/show_bug.cgi?id=1139560)[[2]](https://bugzilla.mozilla.org/show_bug.cgi?id=1139554)[[3]](https://bugzilla.mozilla.org/show_bug.cgi?id=1135812) where images won't update on screen resize. These should be fixed in Firefox 40.
20
+
- Firefox 38 and 39 has some bugs [[1]](https://bugzilla.mozilla.org/show_bug.cgi?id=1139560)[[2]](https://bugzilla.mozilla.org/show_bug.cgi?id=1139554)[[3]](https://bugzilla.mozilla.org/show_bug.cgi?id=1135812) where images won't update on screen resize. These issues are addressed by Picturefill 3.0.0, and should be fixed in Firefox 41.
21
21
22
22
- Per the `picture` spec, using `%`_isn't_ allowed in the `sizes` attribute. Using `%` will fallback to `100vw`.
<p>The <ahref="http://picture.responsiveimages.org/"><code>picture</code> element, <code>srcset</code> and <code>sizes</code> attributes</a>, and associated features allow web developers to deliver an appropriate image to every user depending on a variety of conditions like screen size, viewport size, screen resolution, and more. Picturefill enables support for the <code>picture</code> element and associated features in browsers that do not yet support them, so you can start using them today!</p>
37
37
38
-
<p>Picturefill development is sponsored by <ahref="http://filamentgroup.com"><imgsrc="logos/fg-sm.png" class="filament-logo inline-logo" alt="Filament Group"></a> and <ahref="http://bocoup.com"><imgsrc="logos/bocoup-sm.png" class="bocoup-logo inline-logo" alt="Bocoup"></a>, and maintained by the <ahref="https://github.com/scottjehl/picturefill/blob/master/Authors.txt">Picturefill Team</a>.</p>
38
+
<p>Picturefill development is sponsored by <ahref="http://filamentgroup.com"><imgsrc="logos/fg-sm.png" class="filament-logo inline-logo" alt="Filament Group"></a> and <ahref="http://bocoup.com"><imgsrc="logos/bocoup-sm.png" class="bocoup-logo inline-logo" alt="Bocoup"></a>, and maintained by the <ahref="https://github.com/scottjehl/picturefill/blob/master/Authors.txt">Picturefill Team</a>. Ongoing discussion of the project is conducted via <ahref="https://pf-slackin.herokuapp.com/">Slack</a>.</p>
39
39
40
40
<h3class="hed-subsection" id="contributing">Contributing, Bug Reports, and More information</h3>
41
41
@@ -45,11 +45,11 @@ <h3 class="hed-subsection" id="contributing">Contributing, Bug Reports, and More
<h3class="hed-subsection">Picturefill Version 3.0.0 (Release Candidate 1)</h3>
48
+
<h3class="hed-subsection hed-currentversion">Picturefill Version 3.0.0 (Stable)</h3>
49
49
50
50
<p>Version 3 is a <em>full rewrite</em> of the Picturefill codebase, featuring optimized performance, better emulation of native behavior, and parsers that adhere much more closely to <ahref="http://picture.responsiveimages.org">the specification</a>. It also handles many of the quirks, shortcomings, and edge cases related to first-generation native implementations.</p>
51
51
52
-
<p>Feedback on this beta release is highly welcomed—if you encounter any problems, please <ahref="https://github.com/scottjehl/picturefill/issues">file an issue on GitHub</a>.</p>
52
+
<p>Feedback on this release is highly welcomed—if you encounter any problems, please <ahref="https://github.com/scottjehl/picturefill/issues">file an issue on GitHub</a>.</p>
<h3class="hed-subsection">Picturefill Version 2.3.1 (Stable)</h3>
65
-
<p>This is the old way, and it's still available. Please note however that <ahref="https://css-tricks.com/please-update-picturefill/">because of a recently-fixed bug</a>, you should absolutely not be using any version of Picturefill prior to 2.3.1. If you are, please update immediately. These downloads include the <ahref="https://github.com/paulirish/matchMedia.js/">matchMedia polyfill</a> for browsers that need it (like IE9).</p>
64
+
<h3class="hed-subsection">Picturefill Version 2.3.1</h3>
65
+
<p>Picturefill 2 is a lightweight polyfill that may not perfectly match native responsive images behavior. Please note however that <ahref="https://css-tricks.com/please-update-picturefill/">because of a recently-fixed bug</a>, you should absolutely not be using any version of Picturefill prior to 2.3.1. If you are, please update immediately. These downloads include the <ahref="https://github.com/paulirish/matchMedia.js/">matchMedia polyfill</a> for browsers that need it (like IE9).</p>
0 commit comments