picturefill alternatives and similar libraries
Based on the "Misc" category.
Alternatively, view picturefill alternatives based on common mentions on social networks and blogs.
-
-
-
InversifyJS
Powerful and lightweight inversion of control container. Moved to https://github.com/inversify/monorepo -
list.js
The perfect library for adding search, sort, filters and flexibility to tables, lists and various HTML elements. Built to be invisible and work on existing HTML. -
surveyjs
SurveyJS Form Library is a JavaScript form rendering and validation engine that takes a JSON schema and dynamically generates interactive forms using a framework-independent core. It runs entirely on the client, handling UI rendering, conditional logic, and validation, while giving you full control over data storage and submission on your backend. The same form model can be rendered through dedicated, natively supported packages for React, Angular, Vue, or vanilla JavaScript without changing the schema. In practice, you define forms as JSON, pass them to the library, and handle submission events to persist or process the results wherever you choose. -
Autotrack
DISCONTINUED. Automatic and enhanced Google Analytics tracking for common user interactions on the web. -
mixitup
DISCONTINUED. A high-performance, dependency-free library for animated filtering, sorting, insertion, removal and more -
-
-
-
-
-
-
-
-
-
SaaSHub - Software Alternatives and Reviews
* Code Quality Rankings and insights are calculated and provided by Lumnify.
They vary from L1 to L5 with "L5" being the highest.
Do you think we are missing an alternative of picturefill or a related project?
README
Picturefill
A responsive image polyfill.
- Authors: See Authors.txt
- License: MIT
This project is archived and deprecated!
At the time, it helped us transition to responsive image HTML patterns until browsers supported them. Support and fallback strategies are now very good, and this project is no longer needed or recommended. Thanks everyone!`
Picturefill has three versions:
- Version 1 mimics the Picture element pattern with
spanelements. 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
picturespec, using%isn't allowed in thesizesattribute. Using%will fallback to100vw.Trying to use the
srcattribute in a browser that doesn't supportpicturenatively can result in a double download. To avoid this, don't use thesrcattribute on theimgtag:
<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](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.
*Note that all licence references and agreements mentioned in the picturefill README section above
are relevant to that project's source code only.