https://github.com/pders01/narrower

Adjust content width for ultra-wide monitors.
https://github.com/pders01/narrower

chrome-extension ultrawide-monitors

Last synced: about 1 month ago
JSON representation

Adjust content width for ultra-wide monitors.

• Host: GitHub
• URL: https://github.com/pders01/narrower
• Owner: pders01
• License: mit
• Created: 2024-11-20T22:37:44.000Z (about 1 month ago)
• Default Branch: main
• Last Pushed: 2024-11-20T23:02:19.000Z (about 1 month ago)
• Last Synced: 2024-11-20T23:29:02.809Z (about 1 month ago)
• Topics: chrome-extension, ultrawide-monitors
• Language: JavaScript
• Homepage:
• Size: 0 Bytes
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Narrower Chrome Extension

A Chrome extension that dynamically adjusts webpage content width for users with ultra-wide monitors.

## Disclosure

Large portions of this extension were generated by Claude 3.5 Sonnet and chatGPT 4o.

## Features

- Dynamic width adjustment using a slider (0-100%)

- Site-specific enable/disable functionality

- Persistent settings across browser sessions

- Light/dark mode support

## Installation

1. Clone this repository or download the source code

2. Open Chrome and navigate to `chrome://extensions/`

3. Enable "Developer mode" in the top right

4. Click "Load unpacked" and select the extension directory

## Usage

1. Click the extension icon in your browser toolbar to open the popup

2. Use the slider to adjust the content width

3. Toggle the extension on/off for specific sites using the switch

## Development

The extension is built using vanilla JavaScript and follows Chrome's Manifest V3 specifications. It uses Chrome's Storage API for persistent settings and injects CSS for width adjustments.

## Attribution

Data merge icons created by Fuzzee - Flaticon

## License

MIT License