The Github pull request Diff content area is much too narrow. Utilize the full width of your screen and make your life easier.

Latest Version

Version
0.0.6
Update
March 2, 2015
Size
13.65KiB
Developer
Category
Users
158
Rating
3 ★
Manifest Version
2
Web Store Status
Languages Support
English
See more
Permissions
*://*/*
See more

Wide Screen for Github Extension

NEW:
Scrollbar for very long lines! If the screen is still not wide enough you'll have an easy way to scroll and read the wide text.
Also, fixed some cases where some elements were cut off in a few Github screens.

Description:
Do you find yourself using outdated conventions from the early 60s? Conventions which are \"historically descended from punched cards\" (Wikipedia) just to avoid horizontal scrolling because the Github pull request content area is just too narrow? Well we all have wide screens which can facilitate much much more than that, why use only a fraction of you potential? Utilize the full width of your screen and make your life easier.
Wide Screen is a super light weight extension using the minimum amount of code to get the task done.


A study conducted at the Wichita State University found that a CPL (Characters Per Line) limit had only small effects on readability, including factors of speed and comprehension. Also, 60% of respondents indicated a preference for either the shortest (35 CPL) or longest (95 CPL) lines used in the study. At the same time, 100% of respondents selected either one of these quantities as being the least desirable. Which means, there's too much of a disagreement for this to be a convention. (Information also from Wikipedia...which, btw, doesn't set a CPL).


Read more about this stubborn convention's origin:
http://goo.gl/MLUUZq


This extension is new and we are fixing issues all the time, Let us now of any bugs.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "Wide Screen for Github", "version": "0.0.6", "manifest_version": 2, "short_name": "Maximize the width of your screen", "description": "The Github pull request Diff content area is much too narrow. Utilize the full width of your screen and make your life easier.", "homepage_url": "http://google.com", "icons": { "16": "icons/icon16.png", "48": "icons/icon48.png", "128": "icons/icon128.png" }, "permissions": [ "*://*/*" ], "content_scripts": [ { "matches": [ "*://github.com/*" ], "css": [ "bin/css/inject.css" ] } ]}
Read more

How to download and manually install Wide Screen for Github extension for Chrome

Looking for a way to install Wide Screen for Github extensions for Chrome, you can search for them in the Chrome Web Store, clicking the "Add to Chrome" button, and following the straightforward process.

However, you may need to install Wide Screen for Github extensions manually, this article outlines two simple methods to effortlessly install Wide Screen for Github extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

Method 1: Download Wide Screen for Github extension and manually install through Drag &Drop

If you ever need to manually install a Wide Screen for Github extension for Chrome, don't worry, it's a simple process. Just follow these easy steps, and you will have your extension ready to use in no time.

Step 1: Download the Wide Screen for Github Extension by clicking the "Download CRX" button on the website.

Look for the Wide Screen for Github extension you wish to install. Go to the website and download the Wide Screen for Github extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for Wide Screen for Github extension that contains all the data.

Step 2: Extract &Arrange Files

Once the file is downloaded, extract that file into its own folder. Similarly, give that extension files a permanent home. In other words, keep it in a folder that you don't accidentally delete it because these files will be needed to make that extension work.

Step 3: Go to the Chrome Extensions Page

Open Google Chrome and in the address bar, type chrome://extensions; it will open the Google Chrome extensions page. Make sure that "My extensions" is selected in the sidebar.

Step 4: Drag and Drop the Extension

Now, go to the folder where you extracted the Wide Screen for Github extension and drag &drop the extension file from there anywhere onto the extension page within Google Chrome.

Step 5: Complete the Installation

Once you drag and drop the extension file, follow the steps that Google Chrome takes you through. Similarly, if the extension file is of .crx file format, you will be required to review the permissions and then add the extension.

Now, you can manage that added extension as you would like to with any other Chrome extension that you added through Chrome Webstore. Its icon will also appear in the Google Chrome Menu on the right side of the address bar once you activate it.

Method 2: Download Wide Screen for Github extension for Chrome and install in Developer Mode

This is another method to install Wide Screen for Github extension manually, but the twist is that here, you install by enabling the developer mode option provided in Google Chrome. This mode is commonly used for testing extensions or running unpublished tools.

Step 1: Download the Wide Screen for Github extension file

Select and download the Wide Screen for Github extension by clicking the 'Download CRX' button on the website.

Step 2: Extract the downloaded contents

Convert the file to a ZIP file if it is in CRX format then extract the Wide Screen for Github extension zip file or folder that you downloaded. Make sure you extract it using the same folder name and keep it safely in another folder, so you don't delete it by mistake. The extracted folder will be needed to keep your Wide Screen for Github extension running.

Step 3: Open Chrome Extension Setting Page

In the address bar of Google Chrome, type chrome://extensions and open the Chrome Extension Page.

Step 4: Enable Developer Mode

After opening the Chrome Extension page, look at the top right side, and you will find the toggle option of "Developer mode."Simply enable that developer mode option.

Step 5: Load the Unpacked Extension

Once you enable the developer mode option, you will see the menu of Load Unpacked, Pack Extensions and Update. From that, select the option "Load unpacked."

Step 6: Select the Extension Folder

Once the pop-up opens upon clicking Load unpacked, select the Wide Screen for Github extension directory and click on the "Select Folder "button.

Step 7: Confirm and Install

After you select an extension folder of a Google Chrome extension you're installing manually, confirm its installation for the final time and let the installation complete.

Conclusion

Here we've made a step-by-step guide on How to manually install Wide Screen for Github extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

Make GitHub Great Again Extension · Developer Tools 158 38 ★ 528KiB

icon

Table of Contents for GitHub Extension · Developer Tools 158 4 ★ 11.44KiB

icon

Wide GitHub Extension · Developer Tools 158 67 ★ 17.71KiB

icon

Diff Navigator for GitHub Extension · Developer Tools 158 3 ★ 43.72KiB

icon

Markdown Menu for GitHub Extension · Developer Tools 158 9 ★ 5.8KiB

icon

Make GitHub Pages Full Width Extension · Productivity 158 4 ★ 5.43KiB

icon

github.expandinizr Extension · Developer Tools 158 29 ★ 68.69KiB

icon

Widescreen for GitHub Extension · Developer Tools 158 24 ★ 1.94MiB

icon

GitHub Repository Size Extension · Developer Tools 158 80 ★ 12.9KiB

icon

GitHub Hovercard Extension · Developer Tools 158 41 ★ 121KiB

icon

Widescreen Browsing Extension · Productivity 158 9 ★ 18.27KiB

icon

Github Toc Extension · Developer Tools 158 7 ★ 704KiB

icon

GitHub Highlight Selected Extension · Developer Tools 158 17 ★ 156KiB

icon

Github diff helper Extension · Developer Tools 158 3 ★ 137KiB

icon

Package Hub Extension · Developer Tools 158 2 ★ 28.3KiB

icon

Pretty Pull Requests (Github) Extension · Developer Tools 158 21 ★ 412KiB

icon

GitHub Inline SVG Extension · Developer Tools 158 3 ★ 10.42KiB

icon

OctoLinker Extension · Developer Tools 158 110 ★ 184KiB

icon

Better Pull Request for GitHub Extension · Developer Tools 158 211 ★ 405KiB

icon

GitHub Search Extension · Developer Tools 158 3 ★ 11.67KiB

icon

Do Not Merge WIP for GitHub Extension · Developer Tools 158 6 ★ 19.46KiB

icon

Enhanced GitHub Extension · Developer Tools 158 59 ★ 47.01KiB

icon

Wiki Search for GitHub Extension · Productivity 158 31 ★ 773KiB

icon

Github Node.js require() navigator Extension · Developer Tools 158 8 ★ 509KiB

User reviews

icon

Jonathan lopez (ID: 000000714c8d9262) Voted 1 ★ - Updated 02/01/2020 does not work for me.

icon

(ID: ) Voted 5 ★ - Updated 03/02/2015 Works great. I like the scroll bar option in case of a very wide PRs.