Skip to content
This repository was archived by the owner on Sep 6, 2022. It is now read-only.

Commit 2eb6072

Browse files
author
aFarkas
committed
Merge remote-tracking branch 'origin/master'
2 parents e7f872f + 846d88a commit 2eb6072

File tree

5 files changed

+14
-10
lines changed

5 files changed

+14
-10
lines changed

README.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
# Picturefill
22
A [responsive image](http://www.whatwg.org/specs/web-apps/current-work/multipage/embedded-content.html#embedded-content) polyfill.
3-
* Authors: See [Authors.txt](https://github.com/scottjehl/picturefill/blob/3.0/Authors.txt)
3+
* Authors: See [Authors.txt](https://raw.githubusercontent.com/scottjehl/picturefill/master/Authors.txt)
44
* License: MIT
55

66
[![build-status](https://api.travis-ci.org/scottjehl/picturefill.svg)](https://travis-ci.org/scottjehl/picturefill) [<img src="https://pf-slackin.herokuapp.com/badge.svg" alt="Join Slack channel">](https://pf-slackin.herokuapp.com/)
@@ -15,9 +15,9 @@ Picturefill has three versions:
1515
To find out how to use Picturefill, visit the [project site](http://scottjehl.github.com/picturefill/).
1616

1717
## 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:
1919

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.
2121

2222
- Per the `picture` spec, using `%` _isn't_ allowed in the `sizes` attribute. Using `%` will fallback to `100vw`.
2323

bower.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{
22
"name": "picturefill",
33
"repo": "scottjehl/picturefill",
4-
"description": "A Polyfill for the HTML Picture Element (http://picture.responsiveimages.org/) that you can use today.",
4+
"description": "A polyfill for responsive images (http://picture.responsiveimages.org/) that you can use today.",
55
"main": "dist/picturefill.js",
66
"scripts": [
77
"dist/picturefill.js"

examples/styles.css

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -91,6 +91,10 @@ main {
9191
letter-spacing: .125em;
9292
text-rendering: optimizeLegibility;
9393
}
94+
.hed-currentversion {
95+
font-size: 1.35em;
96+
letter-spacing: .09em;
97+
}
9498
.lede .hed-subsection {
9599
font-size: .9em;
96100
}

index.html

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -35,7 +35,7 @@ <h1 class="hed">Picturefill</h1>
3535
<div class="lede">
3636
<p>The <a href="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>
3737

38-
<p>Picturefill development is sponsored by <a href="http://filamentgroup.com"><img src="logos/fg-sm.png" class="filament-logo inline-logo" alt="Filament Group"></a> and <a href="http://bocoup.com"><img src="logos/bocoup-sm.png" class="bocoup-logo inline-logo" alt="Bocoup"></a>, and maintained by the <a href="https://github.com/scottjehl/picturefill/blob/master/Authors.txt">Picturefill Team</a>.</p>
38+
<p>Picturefill development is sponsored by <a href="http://filamentgroup.com"><img src="logos/fg-sm.png" class="filament-logo inline-logo" alt="Filament Group"></a> and <a href="http://bocoup.com"><img src="logos/bocoup-sm.png" class="bocoup-logo inline-logo" alt="Bocoup"></a>, and maintained by the <a href="https://github.com/scottjehl/picturefill/blob/master/Authors.txt">Picturefill Team</a>. Ongoing discussion of the project is conducted via <a href="https://pf-slackin.herokuapp.com/">Slack</a>.</p>
3939

4040
<h3 class="hed-subsection" id="contributing">Contributing, Bug Reports, and More information</h3>
4141

@@ -45,11 +45,11 @@ <h3 class="hed-subsection" id="contributing">Contributing, Bug Reports, and More
4545

4646
<h2 class="hed-section" id="download">Downloading Picturefill</h2>
4747

48-
<h3 class="hed-subsection">Picturefill Version 3.0.0 (Release Candidate 1)</h3>
48+
<h3 class="hed-subsection hed-currentversion">Picturefill Version 3.0.0 (Stable)</h3>
4949

5050
<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 <a href="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>
5151

52-
<p>Feedback on this beta release is highly welcomed—if you encounter any problems, please <a href="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 <a href="https://github.com/scottjehl/picturefill/issues">file an issue on GitHub</a>.</p>
5353
<ul>
5454
<li>
5555
<a href="https://cdn.rawgit.com/scottjehl/picturefill/3.0/dist/picturefill.js" class="download">picturefill.js</a>
@@ -61,8 +61,8 @@ <h3 class="hed-subsection">Picturefill Version 3.0.0 (Release Candidate 1)</h3>
6161
</li>
6262
</ul>
6363

64-
<h3 class="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 <a href="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 <a href="https://github.com/paulirish/matchMedia.js/">matchMedia polyfill</a> for browsers that need it (like IE9).</p>
64+
<h3 class="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 <a href="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 <a href="https://github.com/paulirish/matchMedia.js/">matchMedia polyfill</a> for browsers that need it (like IE9).</p>
6666
<ul>
6767
<li>
6868
<a class="download" href="https://github.com/scottjehl/picturefill/blob/2.3.1/dist/picturefill.js">picturefill.js</a>

picturefill.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{
22
"name": "Picturefill",
33
"title": "Picturefill",
4-
"description": "A Polyfill for the HTML Picture Element (http://picture.responsiveimages.org/) that you can use today.",
4+
"description": "A polyfill for responsive images (http://picture.responsiveimages.org/) that you can use today.",
55
"version": "3.0.0",
66
"homepage": "http://scottjehl.github.io/picturefill",
77
"author": {

0 commit comments

Comments
 (0)