I’ve been lazily looking for a simple, flexible and lightweight new tab replacement for Google Chrome, but pretty much all of them, even paid ones, are unconfigurable and seem bloated.
All I actually want comes down to:
Since it’s that simple, I just wrote my own thing.
To be honest, I haven’t put much time/efforts in this, so installation is a bit cumbersome and (somewhat) automated only for MacOS users.
git clone firstname.lastname@example.org:alexfedoseev/tableau.git
Drop images you like in the
Next, we need to build an index of images for the extension. I do it via
Automator (sorry, Windows users, I don’t have automated solution for you, but see below What it actually does).
Build.appfile in the root of repository and open it in
Automator(DO NOT double-click it, but open
Automatorand then open
View > Variables
backgroundsvariable and choose
Now, you can double-click
Build.app and it will create
images.js file for you.
This workflow reads a content of the
tableau/backgrounds folder and writes images index to the
window.IMAGES = ["bells.jpg","whistles.png",…];
So, how you create and update this file is totally up to you. I.e. you can convert
Build.app to folder watcher to automatically perform rebuilds or, if you’re Windows user and you have no idea how to write scripts, then you can create it manually and it will work.
Go to a Chrome’s Extensions list:
Developer Mode(check checkbox in an upper-right corner)
Open a new tab and enjoy the view!
Every time you add new images to the
/backgrounds folder, you should run
Reload extension in Chrome’s Extensions list (there’s a link right under the extension name).
The extension doesn’t have any special configuration UI, but you can change just about everything by editing
index.js files. The source code is dumb simple and it’s around 100 LOC incl. HTML & CSS.
The most common thing you probably will want to change is a font-face. You can do it by editing line
#2 in the
That’s pretty much all. Enjoy!