Code Monkey home page Code Monkey logo

sidebery's Introduction

Sidebery

https://addons.mozilla.org/en-US/firefox/addon/sidebery/

About

Sidebery provides the list of tabs structured in a tree and bookmarks within the customizable panels. It aims to be fast, beautiful* and configurable. Some of the key features:

Vertical tabs layout (flat or tree)

You can use a simple flat list of tabs or tree structure. Tree layout allows you to fold sub-tries, creates groups with a custom name to organize open pages.

Bookmarks panel

Simple catalogs of your bookmarks. You can drag and drop links or tabs to create bookmarks and vice-versa. Basic operations: open in new window / sort / create / edit / delete.

Other bookmarks features:

  • Automatically delete an open bookmark from "Other Bookmarks" folder.
  • Highlight open bookmarks and activate its tab instead of opening new on clicking.

Tabs panels

Configurable panels will help you sort your tabs.

Containers management

You can set "Include" and "Exclude" url-rules, proxy config and UserAgent header for each container.

Customizable context menu

Sidebery allows you to change the context menu for tabs and bookmarks. You can enable/disable/move different options, create sub-menus/separators.

Multi-selection with right mouse button or keyboard shortcuts

You can select multiple tabs or bookmarks only with the mouse - push right mouse button and then move the cursor to adjust selection range.
note: This feature is not working with the native context menu.

Also, you can use ctrl+click/shift+click method or use keyboard shortcuts.

Customizable styles

Sidebery provides full control of styles for sidebar and group page via variables and custom CSS.

NOTE: To get currently available css-selectors use debugger:

  • Enter "about:debugging" in the URL bar
  • In the left-hand menu, click This Firefox (or This Nightly)
  • Click Inspect next to Sidebery extension
  • Select frame to inspect
    • Click on the rectangular icon (with three sections) in top-right area of the debugger page
    • Select "/sidebar/index.html" for sidebar frame
    • Select "/group/group.html" for group page frame
  • Browse "Inspector" tab

Snapshots

You can setup auto snapshots that will keep info about open windows and tabs.


Usage


Build

Install dependencies: npm install
Build all parts of addon in release mode: npm run build
Run ./addon in browser: npm run dev.ext[.beta|.nightly]
Create addon archive in ./dist: npm run build.ext


Licence

MIT

sidebery's People

Contributors

mbnuqw avatar ongots avatar akvail avatar rickygrassmuck avatar dependabot[bot] avatar

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.