Socket
Socket
Sign inDemoInstall

images-responsiver

Package Overview
Dependencies
19
Maintainers
1
Versions
47
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

    images-responsiver

Global solution for responsive images, transforming simple image HTML syntax into better responsive images syntax.


Version published
Weekly downloads
635
decreased by-21.89%
Maintainers
1
Install size
1.51 MB
Created
Weekly downloads
 

Readme

Source

Images Responsiver

Build Status GitHub stars license Libraries.io dependency status for latest release, scoped npm package Pull requests welcome

Images Responsiver tries to help developers make it easy for content authors to tackle responsive images needs.

Why does this project exist?

As Steve Jobs once said:

You've got to start with the customer experience and run backwards to the technology.

Responsive images are one of the most difficult topics nowadays for front end developers and content authors, they involve multiple features and syntaxes, but they are required to provide a good performance to Web users.

Most content authors should not have to learn the complex responsive images HTML syntax, how and it is used by browsers to load the right image for current viewing context.

A Node.js package

Images Responsiver transforms plain, simple <img src="…"> HTML tags into better responsive images syntax with srcset and sizes attributes.

Knowing that <picture> is only required for rare advanced usages, Images Responsiver should be enough for most use cases, where the need is known as Resolution Switching.

Read this article on Cloudfour's blog to know more of the theory.

A plugin for Eleventy

Images Responsiver is also available as a plugin for Eleventy, an awesome Static Site Generator.

It allows authors to use the simple and standard Markdown syntax for images — ![alt text](image.jpg) — and yet get responsive images in the generated HTML.

Contributing

First, thank you for considering contributing to images-responsiver! It's people like you that make the open source community such a great community! 😊

There are many ways to contribute to this project. Get started here.

Tools and automations

License

This project is licensed under the MIT License.

Authors

See also the list of contributors who participated in this project.

Keywords

FAQs

Last updated on 26 Mar 2023

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc