https://github.com/peter-neumann-dev/responsive-image-linter

A Chrome extension to test your responsive images
https://github.com/peter-neumann-dev/responsive-image-linter

browser-extension chrome chrome-extension developer-tools frontend linter responsive-images tools

Last synced: 18 days ago
JSON representation

A Chrome extension to test your responsive images

• Host: GitHub
• URL: https://github.com/peter-neumann-dev/responsive-image-linter
• Owner: peter-neumann-dev
• License: mit
• Created: 2023-02-06T22:15:31.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-06-27T08:59:41.000Z (5 months ago)
• Last Synced: 2024-10-12T01:36:24.108Z (about 1 month ago)
• Topics: browser-extension, chrome, chrome-extension, developer-tools, frontend, linter, responsive-images, tools
• Language: JavaScript
• Homepage: https://chrome.google.com/webstore/detail/responsive-image-linter/mnddginionlghpblkimpdalcecpnbjln
• Size: 750 KB
• Stars: 36
• Watchers: 2
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        


![Extension logo](docs/images/symbol.png)

# Responsive Image Linter

**A Chrome extension to test your responsive images**

[![chrome web store](https://img.shields.io/badge/chrome_web_store-0D9488?style=for-the-badge&logo=googlechrome&logoColor=white)](https://chrome.google.com/webstore/detail/responsive-image-linter/mnddginionlghpblkimpdalcecpnbjln)

[![Release](https://img.shields.io/github/v/release/peter-neumann-dev/responsive-image-linter?color=0D9488&sort=semver&style=for-the-badge)](https://github.com/peter-neumann-dev/responsive-image-linter/releases)

[![License](https://img.shields.io/github/license/peter-neumann-dev/responsive-image-linter?color=0D9488&style=for-the-badge)](LICENSE)

[![Repository](https://img.shields.io/badge/💾_Repository-1E293B?style=for-the-badge)](https://github.com/peter-neumann-dev/responsive-image-linter)

[![Issues](https://img.shields.io/badge/🐛_Issues-1E293B?style=for-the-badge)](https://github.com/peter-neumann-dev/responsive-image-linter/issues)

[![Discussions](https://img.shields.io/badge/💬_Discussions-1E293B?style=for-the-badge)](https://github.com/peter-neumann-dev/responsive-image-linter/discussions)

[![Contribution](https://img.shields.io/badge/👥_Contribution_Guide-1E293B?style=for-the-badge)](CONTRIBUTING.md)

[![Code of Conduct](https://img.shields.io/badge/🤝_Code_of_Conduct-1E293B?style=for-the-badge)](CODE_OF_CONDUCT.md)



## 🚀 What it does

The extension is an alternative to the original [RespImageLint](https://github.com/ausi/respimagelint)

bookmarklet, but uses the original code from it. Due to some browsers or used

privacy settings, bookmarklets can't be used. This extension is a workaround for

this problem.

Instead of running on click on your bookmark, it will run the checks on click of

the extension icon and execute the same checks as the bookmarklet.

## 🔥 Installation

### Chrome Web Store

[![Chrome Web Store](https://img.shields.io/badge/chrome_web_store-1E293B?style=for-the-badge&logo=googlechrome&logoColor=white)](https://chrome.google.com/webstore/detail/responsive-image-linter/mnddginionlghpblkimpdalcecpnbjln)

### Manual

1. Download the latest [release](https://github.com/peter-neumann-dev/responsive-image-linter/releases) from the assets

2. Unzip the downloaded archive to a folder

3. Open the Extension Management page by navigating to `chrome://extensions`.

4. Enable Developer Mode by clicking the toggle switch next to `Developer mode`.

5. Click the `Load unpacked` button and select the unzipped folder to install it.

6. Done! ✅

## 👥 Contributing

Contributions, issues and feature requests are welcome! Check out the [contributing guidelines](CONTRIBUTING.md) for more details.

You have ideas for a new ✨ feature? Feel free to open a new [discussion on GitHub](https://github.com/peter-neumann-dev/responsive-image-linter/discussions)!

## 💎 Credits

The extention is based on the [RespImageLint](https://github.com/ausi/respimagelint)

bookmarklet by [ausi](https://github.com/ausi)

Current used version: [8d3f989](https://github.com/ausi/respimagelint/commit/8d3f9891e38af906b0a10b0ca4f4f5044cebbf85)

## ⭐ License

This project is licensed under the terms of the [MIT license](LICENSE)