Replace standard New Tab. Each bookmark folder is a button. Click a button to open a window with links.

Latest Version

Version
2.0
Update
October 1, 2016
Size
50.81KiB
Developer
Category
Users
111
Rating
3.6 ★
Manifest Version
2
Web Store Status
Languages Support
English (United States)
See more
Permissions
ActiveTab
Bookmarks
Chrome://favicon/
See more

Bookmark Tab Extension

I like \"Speed Dial\" plugins for browsers, but there is always something I don't like about the ones I find. So, I decided to make my own.

The \"Other Bookmarks\" folder, along with all of its subfolders, are shown as buttons at the top of the browser.

* Click a button to display a modal window with all of the bookmarks in that folder.
* Click a link to visit that site.
* Click anywhere outside the modal to close it.


This extension only requires three permissions (the bare minimum permissions to get the job done).
1. It needs Bookmarks permission, to do its job.
2. It needs the Active Tab permission, so it can function as a tab.
3. It needs the chrome://favicons/ permission, to display bookmark icons.


Notes:
- Chrome will already sync your bookmarks between multiple computers using your Google account, so there's nothing added here for that.
- The root folder it looks at is Other Bookmarks, so any bookmark you want displayed needs to be in there, either directly inside the Other bookmarks folder, or else inside another folder that is inside Other Bookmarks.
- The Other Bookmarks folder button is shown first. All other folder buttons are displayed in alphabetical order.
- Folders two or more levels deep are shown as \"parent / child / child...\"
- Since the bookmarks bar is already a thing, this extension doesn't display bookmarks placed in that folder.
- Still pretty lightweight. The only libraries used are jQuery and underscore for code, and W3.css for all styling.

New in 2.0:
- Major overhaul of the UI. Instead of displaying all bookmarks in bordered boxes and having the buttons jump to the corresponding box, we now only display buttons, with each button displaying a modal with the bookmarks contained in that folder.
- Rewrite of the bookmark parsing code.
- Updated jQuery version to 2.2.4.
- Included underscore.js for some utility functions.
- Brought in some more ES6 syntax.
- Organized code into separate files.
- After trying several different CSS frameworks, stumbled upon W3.css. Huge props to W3Schools for that.


New in 1.9:
- Added buttons at the top to jump to the corresponding bookmark folder on the page.
- The title of each folder is also now a link to the top of the page.


New in 1.8:
- Removed bootstrap since it was no longer necessary.
- The hierarchy of a folder is now displayed in the header (ie The header will be \"Videos / Shows\" if the \"Shows\" folder is a subfolder of the \"Videos\" folder).
- Sorting now ignores the articles \"A\", \"An\" and \"The.\"
- Subfolder names no longer have to be unique.
- Started using some ES6 language features.


New in 1.7:
- Changed folder resizing to CSS instead of javascript. Now folders all folders in a row will be the size of the largest folder in that row, instead of the largest folder in the bookmark collection.


New in 1.5:
- Made each bookmark only one line, with long ones ending in \"...\"
- Added favicon support.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 2, "name": "Bookmark Tab", "description": "Replace standard New Tab. Each bookmark folder is a button. Click a button to open a window with links.", "icons": { "16": "icon.png", "48": "icon.png", "128": "icon.png" }, "version": "2.0", "chrome_url_overrides": { "newtab": "newTab.html" }, "permissions": [ "activeTab", "bookmarks", "chrome://favicon/" ]}
Read more

How to download and manually install Bookmark Tab extension for Chrome

Looking for a way to install Bookmark Tab 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 Bookmark Tab extensions manually, this article outlines two simple methods to effortlessly install Bookmark Tab extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

Method 1: Download Bookmark Tab extension and manually install through Drag &Drop

If you ever need to manually install a Bookmark Tab 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 Bookmark Tab Extension by clicking the "Download CRX" button on the website.

Look for the Bookmark Tab extension you wish to install. Go to the website and download the Bookmark Tab extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for Bookmark Tab 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 Bookmark Tab 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 Bookmark Tab extension for Chrome and install in Developer Mode

This is another method to install Bookmark Tab 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 Bookmark Tab extension file

Select and download the Bookmark Tab 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 Bookmark Tab 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 Bookmark Tab 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 Bookmark Tab 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 Bookmark Tab extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

Bookmarks New Tab Extension · Accessibility 111 13 ★ 487KiB

icon

Bookmark Dial Extension · Productivity 111 5 ★ 248KiB

icon

Super Bookmark Desktop Extension · Productivity 111 35 ★ 22.68MiB

icon

BNTP: Bookmarks in New Tab Page Extension · Productivity 111 119 ★ 67.85KiB

icon

Bookmarks HotList Extension · Productivity 111 13 ★ 316KiB

icon

Bookmark Oragniser Extension · Productivity 111 7 ★ 83.73KiB

icon

New Tab Lite Extension · Productivity 111 7 ★ 5.43KiB

icon

Context Menu Bookmarks Extension · Accessibility 111 16 ★ 8.31KiB

icon

Awesome Bookmarks Extension · Productivity 111 29 ★ 408KiB

icon

AnotherTab - New Tab page Extension · Productivity 111 6 ★ 824KiB

icon

Popup'n My Resources Extension · Productivity 111 18 ★ 1.44MiB

icon

Minimal Bookmarks Tree Extension · Productivity 111 221 ★ 57.3KiB

icon

Bookmark Pro Extension · Productivity 111 23 ★ 1.99MiB

icon

Nimble Bookmarks Extension · Productivity 111 12 ★ 39.08KiB

icon

Finder Bookmarks Extension · Productivity 111 39 ★ 89.45KiB

icon

Ultra light newtab page with bookmarks on it Extension · Accessibility 111 12 ★ 20.01KiB

icon

MultiBar Extension · Productivity 111 29 ★ 18.52KiB

icon

Fluid Bookmarks Extension · Accessibility 111 29 ★ 111KiB

icon

Tidy Bookmarks Tree Extension · Productivity 111 42 ★ 61.9KiB

icon

Bookmark beautifier Extension · Accessibility 111 19 ★ 625KiB

icon

Bookmark Manager Plus Extension · Productivity 111 76 ★ 238KiB

icon

Tidy Bookmarks Extension · Productivity 111 129 ★ 58.92KiB

icon

Awesome Bookmarks Button Extension · Productivity 111 30 ★ 32.94KiB

icon

Context Bookmarks Extension · Productivity 111 75 ★ 49.66KiB

User reviews

icon

Derek O'Brien (ID: 00000026130e9523) Voted 4 ★ - Updated 07/21/2017 Great little extension although really needs work on the structure of the tab page, would benefit with the option to colour code bookmark folders at the very least, as a wall of inline aligned blue buttons can make it hard to find the folder you need. Note: I have hundreds if not thousands of bookmarks.. makes for a great sea of blue buttons. :P

icon

Citizens Bureau (ID: 0000007bb50dc966) Voted 5 ★ - Updated 12/10/2015 Works great, very useful

icon

JΞSSΞ (ID: 00000059a8778346) Voted 2 ★ - Updated 06/24/2015 Bro, I appreciate the effort, but this thing is terrible as is. Can't even configure the bookmarks manager button. It would be cool if it listed every category, like bookmarks bar, then show sub-menu folder from the booksmark bar, then next column show next bookmarks folder, and so on. Also, please add an option to invert the color for people who want to save there night vision... or hacker vision they say! My favorite extension! But I really think if you worked on this some more, it can really be something beautiful. Good luck.