Coder Social home page Coder Social logo

luyangkenneth / quickshift-redux Goto Github PK

View Code? Open in Web Editor NEW
16.0 2.0 4.0 600 KB

:left_right_arrow: Easily and quickly rearrange Chrome tabs with keyboard shortcuts

Home Page: https://chrome.google.com/webstore/detail/quickshift/daiohbdbfnmpbolhbpbngdjdjcbclikm/

License: MIT License

JavaScript 100.00%
chrome chrome-browser chrome-extension browser-extension rearranging-tabs keyboard-shortcuts

quickshift-redux's Introduction

QuickShift Redux โ†”๏ธ

Rearranging Chrome tabs with the usual drag-and-drop method is an annoying and laggy affair. When you move your mouse cursor across the tab bar, you might accidentally undock the tab and create a new browser window. Having many tabs open also forces you to be really precise with your click-and-drag motion.

To scratch my own itch, I decided to build QuickShift Redux, an extension to easily and quickly rearrange Chrome tabs with keyboard shortcuts. See it in action in this 30s video demo!

Getting Started ๐Ÿš€

Simply install QuickShift Redux from the Chrome Web Store. And you're done! ๐ŸŽ‰

Note: Rearranging tabs in Chrome does not require any special browser permissions. Unlike some other similar extensions out there, QuickShift Redux does not unnecessarily ask you for those permissions!

Features โœจ

  • Move the current tab to the left or right within the same window, with Ctrl + Shift + Left/Right

    • If you're so inclined, you can also select multiple tabs and move them all at once
  • Undock tabs to a new window, with Ctrl + Shift + U

  • Move tabs between windows, with Ctrl + Shift + M

Note: If you're using a Mac and want to resize your windows (not just Chrome windows) with keyboard shortcuts, Spectacle is a great app for that. If you're on Windows, you can use the existing shortcuts: Win + Left/Right/Up. With these in mind, QuickShift Redux will only deal with the rearranging of Chrome tabs.

Customizing Keyboard Shortcuts โŒจ๏ธ

  1. Navigate to chrome://extensions from your address bar
  2. Scroll all the way down and click on Keyboard Shortcuts
  3. Look for QuickShift Redux and customize your shortcuts accordingly!

Future Development ๐Ÿ› ๏ธ

  • Move tabs to a specific position e.g. Ctrl + Shift + 1 through 9
  • Merge all tabs into a single window

Acknowledgements ๐Ÿ™Œ

Credits to Nick Spreitzer for the original name and idea. I didn't refer to his old code, but decided to adopt the name so that anyone looking for the original extension can easily find this redux version.

Thanks Tim Osborn for the screenshot and video demo!

quickshift-redux's People

Contributors

luyangkenneth avatar ptim avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

quickshift-redux's Issues

Default move shortcuts hijack Alt-shift-left/right (text selection shortcuts)

Hi! Still loving this extension, tx ๐Ÿ‘

I was using the suggested default keys (ctrl+shift+left/right) for move right/left, but found that alt+shift+left/right would also trigger the move command, rather than the default...

Repro:

  • set default move keys
  • focus the location bar
  • hit alt+shift+left
  • text selection doesn't change, tab is moved left

Workaround: use ctrl+left/right

Couldn't see why, from glancing at the source.. maybe a Chrome glitch

Cheers! ptim

Firefox port

Hi , I absolutely love this extension for chrome , but Is there a way to get a firefox port?

Cannot move tabs through Chrome windows that were launched as apps

In my set-up, I have two regular Chrome windows (left and right side) that I want to move tabs between. However, I also launch a couple windows as "Apps", with the tab bar and URL bar hidden. I do this by running commands like this:

/usr/bin/google-chrome --app=https://chat.google.com

However, when I have an app window open, the move-tabs-between-windows command fails to work when it would shift the tab into the app window.

A proposed fix would be to skip over the window if the type property is set to "popup" instead of "normal". Here's a sample:

   case "move-tabs-between-windows":
       ...
          chrome.windows.getCurrent(
            function (currentWindow) {
              let currentWindowIndex = windows.map(window => window.id).indexOf(currentWindow.id)
              let nextWindowIndex = currentWindowIndex;
              let nextWindow = null;
              do {
                nextWindowIndex++;
                if (nextWindowIndex >= windows.length) nextWindowIndex = 0;
                nextWindow = windows[nextWindowIndex];
              } while (nextWindow.type != "normal" && nextWindowIndex != currentWindowIndex);

Is this project dead or alive?

Ever wonder why not one person has installed it since you uploaded it to the Chrome Store over 6 months ago?

Well the lack of a screenshot might not be the only reason, but it may be the main reason.
And the fact that it no longer seems to be under development is another.

If it's dead, it should be removed from the C.S.

Emphasize features on Chrome Web Store

Hi!

I just want to tell you that this extension is awesome and I use it on all my machines, BUT I always have trouble finding/installing it, since its not really optimized for SEO. I know this may sound dumb, but you should really emphasize that this extension can move tabs between windows, since its a killer feature other extensions don't really provide. Yet when I'm searching for "chrome move tabs between windows" on Google it simply doesn't list this extension, which should be #1 in my opinion.

(This just happened to me today: I wanted to install this extension at my workplace, but I simply couldn't find it, while I knew that I have this installed at home. I just did not remember its name and Google doesn't know about it either.)

So I suggest updating the Chrome Web Store description so people can find it easier.

Thanks for the extension again!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.