Code Monkey home page Code Monkey logo

tabspace's Introduction

Tab␣

A scratchspace for your new Tab

A beautiful new tab replacement that gives you your very own scratch space to help you stay organized and focused.

It features a prominent spatial visualization for all of your tasks that helps you prioritize what’s important, auto-saving notes, rich text formatting and natural language due dates.

demo

Features

  • Auto-saves to local storage

  • Write in Markdown syntax

  • Uses natural language to recognize and highlight due dates

  • Darkmode

Usage

To set tabspace as your new tab page, depending on your browser can either set up the project as a browser extension that replaces the new tab page or configure your new tab page URL to point to the official tabspace website: https://tabspace.jzhao.xyz/index.html

Building the browser extension locally

  1. Clone the repository

  2. Install dependencies npm i

  3. Build npm run build

  4. Load the extension in the Chrome Extensions menu

    1. Go to extensions > Enable developer mode (top right corner)

    2. Click load unpacked, select the build folder

For more information, see the official documentation.

Setting up the website as your new tab page

Based on your browser, there may be an option to set the new tab page URL directly without installing an extension.

Brave

  1. Go to brave://settings/?search=home and make sure Show Home button is enabled

  2. Set the homepage to:

    https://tabspace.jzhao.xyz/index.html
  3. Scroll down and set the New tab page shows option to Homepage

  4. (If you don’t want the home button, you can safely disable the previous option now)

For reference, see this forum answer.

tabspace's People

Contributors

devidw avatar jackyzha0 avatar kozr avatar tnmyk avatar

Stargazers

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

Watchers

 avatar  avatar  avatar

tabspace's Issues

Support arbitrary widgets

  • Enable end-user-programming by allowing custom plugins to be written and inserted.
  • Convert current task visualization into a widget

Make Settings Bar sticky on the page

  • Make the settings bar in the bottom right of the screen stay in position so long content doesn't make you scroll
  • Figure out a way to make it not overlap content on smaller screens

Notion sync

Every day, i make a new document in notion page for planning, in a notion database.

It would awesome if tabspace could optionally sync there, creating a new page daily.

The logic for if/when to create a new page could be configurable in the future.

An initial pass could be: If the browser's date now (yyyy-mm-dd) !== the current notion page's created date, clear the editor. After the first change is made, create the page.

Sync content across browsers

Feature Request
What do you think about using "some service" to sync the content in localstorage across different browsers/computers?

Setup instructions to set as default new tab page

Hey @jackyzha0

This project is fantastic

When somebody calls me, I always used https://write-box.appspot.com/ to quickly have something to write down some stuff without having to spin up some way too huge desktop app

Your tab space solution is a wonderful drop-in for this use case as well, just hit that new tab button and liftoff


To get started with tab space even faster, it would be awesome to have something like a quick reference to how to set this up in my browser in the project's readme

I'm not sure what's the best way to do this in Chrome since I'm using Brave, but for Brave there is that little workaround to set a custom URL as home URL and then set the new tab page to the homepage

For reference: https://community.brave.com/t/specifying-the-website-of-a-new-tab/195724/3

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.