picturefill

WebJar for picturefill

License	MIT
GroupId	org.webjars.npm
ArtifactId	picturefill
Last Version	3.0.2
Release Date	Jun 25, 2018
Type	jar
Description	picturefill WebJar for picturefill
Project URL	http://webjars.org
Source Code Management	https://github.com/scottjehl/picturefill

Download picturefill

Filename	Size
picturefill-3.0.2.pom
picturefill-3.0.2.jar	14 MB
picturefill-3.0.2-sources.jar	22 bytes
picturefill-3.0.2-javadoc.jar	22 bytes

How to add to project

Apache Maven

<!-- https://jarcasting.com/artifacts/org.webjars.npm/picturefill/ -->
<dependency>
    <groupId>org.webjars.npm</groupId>
    <artifactId>picturefill</artifactId>
    <version>3.0.2</version>
</dependency>

Gradle Groovy

// https://jarcasting.com/artifacts/org.webjars.npm/picturefill/
implementation 'org.webjars.npm:picturefill:3.0.2'

Gradle Kotlin

// https://jarcasting.com/artifacts/org.webjars.npm/picturefill/
implementation ("org.webjars.npm:picturefill:3.0.2")

Apache Buildr

'org.webjars.npm:picturefill:jar:3.0.2'

Apache Ivy

<dependency org="org.webjars.npm" name="picturefill" rev="3.0.2">
  <artifact name="picturefill" type="jar" />
</dependency>

Groovy Grape

@Grapes(
@Grab(group='org.webjars.npm', module='picturefill', version='3.0.2')
)

Scala SBT

libraryDependencies += "org.webjars.npm" % "picturefill" % "3.0.2"

Leiningen

[org.webjars.npm/picturefill "3.0.2"]

Dependencies

There are no dependencies for this project. It is a standalone project that does not depend on any other jars.

Project Modules

There are no modules declared in this project.

Picturefill

A responsive image polyfill.

• Authors: See Authors.txt
• License: MIT

Picturefill has three versions:

• Version 1 mimics the Picture element pattern with span elements. It is no longer maintained.
• Version 2 is a lightweight polyfill of the Picture element draft specification.
• Version 3.0.3 is the current stable release.

Usage, Demos, Docs

To find out how to use Picturefill, visit the project site.

The gotchas

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:

• Firefox 38 and 39 has some bugs [1] [2] [3] where images won't update on screen resize. These issues are addressed by Picturefill 3.0.0, and was fixed in Firefox 41.

• Per the picture spec, using % isn't allowed in the sizes attribute. Using % will fallback to 100vw.

• Trying to use the src attribute in a browser that doesn't support picture natively can result in a double download. To avoid this, don't use the src attribute on the img tag:

<picture>
    <source srcset="../img/sample.svg" media="(min-width: 768px)" />
    <img srcset="default.png" alt="Sample pic" />
</picture>

• If you only want to have an image show up at certain sizes, and not show up at others, you will need to use a transparent placeholder gif:

<picture>
    <source srcset="../img/sample.svg" media="(min-width: 768px)" />
    <img srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
        alt="Sample pic" />
</picture>

Contributing

For information on how to contribute code to Picturefill, check out CONTRIBUTING.md

Issues

If you find a bug in Picturefill, please add it to the issue tracker

Discussion

Picturefill discussion takes place via Slack. For an invitation, visit https://pf-slackin.herokuapp.com/

Support

There are currently no known unsupported browsers, provided that you use the markup patterns provided.

Versions

Version
3.0.2 Jun 25, 2018