Neutrinos Peludos Magnéticos
Learn about our RFC process, Open RFC meetings & more.Join in the discussion! »

responsive-image-utils

1.1.1 • Public • Published

Responsive image utilities

Utility functions to make it easier to work with auto generated responsive images for better performance optimised images.

styled with prettier Greenkeeper badge Travis Coverage Status Dev Dependencies

Overview

Use this utility lib to generate image srcsets and sizes used for responsive web design using a mobile-first approach.

This project is a lightweight utils version of Responsive Image Breakpoints Generator.

How it works?

Please spend some time to read the following links which I think explains the concept of responsive images pretty well.

ES6 Usage

npm install -D responsive-image-utils

ES6 Demo - https://codesandbox.io/s/1z15pnyk5j

ES5 Usage

Add the following script tag to your project

<script src="https://unpkg.com/responsive-image-utils/dist/responsive-image-utils.umd.js"></script>

ES5 Demo - https://jsfiddle.net/ikanedo/8h7nz15g/

More information

Want more information? Read the usage and step by step guide.

TSDocs

Please visit the gh_pages for TSDocs.

Contributions

Start contributing. Contributions are open to all.

Install

npm i responsive-image-utils

DownloadsWeekly Downloads

5

Version

1.1.1

License

MIT

Unpacked Size

54.8 kB

Total Files

31

Last publish

Collaborators

  • avatar