npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

@livingdocs/resrc.js

v0.9.0

Published

A JavaScript library for pixel perfect images on demand.

Downloads

5

Readme

resrc.js - Responsive Image Library

resrc.js is a small, mobile friendly (1.5kb in file size - Minified and Gzipped) responsive image JavaScript library that produces pixel perfect images on demand. The library requires your images to be served via ReSRC - The Responsive Image Service. Link your images to our simple service and let us take care of everything!

Register your domain for a FREE TRIAL.

Features

  • HiDPI (retina) Support
  • CSS background Support
  • Plugin support for features such as: art direction, sharding etc
  • Pinch and zoom Image support (Currently iOS only)
  • No multiple requests for the same image
  • Remote image fallback
  • Pixel rounding support
  • Placeholder image support
  • Supports the popular ‘Mobile First’ approach
  • Optional resizing on image pixel down sizing
  • Does not use device detection via user-agents or cookies

Browser Support

resrc.js has extensive browser support on Windows/Mac/Linux/iOS/Android.
We have made sure it works on Internet Explorer 6 and above.

Browser Support

Demos

Simple | Custom Options | Preview approach (aka: Mobile First) | Art Direction

Examples

Simple | CSS Background | Preview approach (aka: Mobile First)

Plugins

resrc.js supports plugins so you can add any additional functionality you may require. Learn More

Latest Release: 0.9.0

For a full list of releases and changes please see the CHANGELOG.

Documentation

Please see DOCUMENTATION.

Tests

Coming Soon.

Building a minified release

The repository does not contain a minified resrc.min.js file - this is only generated for RELEASES. To build your own minified copy for use in development simply run npm install if you haven't already, followed by grunt build. This will generate a resrc.min.js file in the dist subdirectory.

Team

resrc.js is actively developed by Dom. Ed works his magic server side, building the core engine.

Dom Fee | Ed Thurgood --- | --- | Dom Fee | Ed Thurgood

Contributing

Please see the CONTRIBUTING file for guidelines.

Contact

Please get in touch via: EMAIL.

License

Copyright (C) 2014 by ReSRC LTD Licensed under the GNU GENERAL PUBLIC LICENSE, Version 2, June 1991

Please see LICENSE.