Проект: Tabme  Публичный пост
12 августа 2024  2514
Держи долор
Tabme
https://chromewebstore.google.com/detail/tabme/jnhiookaaldadiimlgncedhkpmhlmmip

Появление

Года три назад, когда я был менеджером менеджеров отвечающим за разные команды с разными фокусами, мой внутренний программист взвыл и вырвался наружу.

Он объявил, что так больше жить нельзя и надо срочно что-то сделать своими руками. Для души и ментального здоровья.

Проблема требующая решения не заставила себя долго искать. Я же участвую в нескольких проектах от разных команд. По каждому проекту есть несколько Миро-досок, гугл-доков, доков в конфлюенсе, эпик в джире и еще горка ВАЖНЫХ ссылок!

Да, речь идет про закладки в браузере. Встроенные в браузер закладки — это просто формальная отписка. Они требуют двигать курсор, целиться, раскрывать разные папочки чтобы понять где нужная тебе закладка. Короче, слишком сложно. В 2024 так нельзя напрягать пользователя.

Я хотел видеть все на одном экране без лишних кликов. Чтобы искать можно было глазками, в крайнем случае используя скролл (потому что он не добавляет когнитивной нагрузки).

Самое близкое что мне зашло на тот момент — это расширение Toby. Но и у него был сильно перегруженный UI и лаги даже на моих скромных объемах. В общем, мне показалось абсурдом, что такая банальная задача не решена красиво.

Так родился пит-проджект Tabme — самый простой и удобный менеджер закладок для Олега =)).

Делюсь им с вами, кайфуйте вместе со мной https://chromewebstore.google.com/detail/tabme/jnhiookaaldadiimlgncedhkpmhlmmip

Суть

Но! Чтоб кайфовать нужно правильно его готовить.
Кайф не только в простоте использования, а в том что я могу найти все ключевые документы по всем проектам за последние три года. Я не удаляю закладки по завершенным проектам, а просто скрываю их (archive). При этом поиск автоматом ищем и в скрытых закладках. Это оказалось супер удобным. Актуальный минимум на экране и вся история в пределах одного клика.

Там еще много мелочей:
— рекомендации по скрытие давно используемых закладок чтоб держать только важное на экране
— сквозной поиск по закладкам, открытым табам и истории
— закрытие дублирующихся вкладок
— дарк мод на этой неделе подъехал, и стал триггером для этого поста

Если попробуете — пишите, что зашло, а что нет. Буду рад любому фидбеку 😀

Технологии

Тут все обычно: реакт и тайпскрипт.
Ссылка на репозиторий https://github.com/pltnkv/tabme

Что дальше

Буду планомерно развивать опираясь на собственное чувство прекрасного и ваши отзывы.

46 комментариев 👇

Привет! Планируется ли версия для Firefox?

  Развернуть 1 комментарий

@type7, есть крайне похожая штука tabstash.

  Развернуть 1 комментарий

@type7, привет, пока не планировал. Но если будут еще запросы — добавлю поддержку.

tabstash и правда выглядит очень похоже на то что я искал в свое время

  Развернуть 1 комментарий
Oleg Plotnikov Лидирую разработку внутренней платформы автор 19 августа в 14:24

Всем привет и еще раз спасибо за ваши отзывы.
Запушил первую порцию доработок и отправил в Chrome Store, должно скоро подъехать!

Улучшения:

  • Добавил возможность сташить все открытие табы в папку и открывать все ссылки из папки. Кнопка "Shelve" в сайдбаре.
  • Открытие вкладки по средней кнопки мыши и через контекстное меню.
  • При перетаскивании таба в закладки он теперь не закрывается автоматом. Вместо этого все открытие вкладки теперь имеют крестик, по которому можно быстро закрыть любую вкладку. Табуляуции с клавиатуры тоже работает.
  • По мелочам доработал UX и стили.

Вастрик-клуб рулит. Установок и полезного фидбека пришло больше чем за все предыдущие полгода висения в ChromeStore :)

  Развернуть 1 комментарий

@pltnkv, 🔥

  Развернуть 1 комментарий

@pltnkv,а навигция с клавиатуры насколько улучшилась? Пару недель назад у меня вообще не получилось до ссылок с клавиатуры добраться (

  Развернуть 1 комментарий

@Seigiard, попробуйте снова, я доработал чтобы можно было навигировать по закладкам с клавиатуры через Tab и Arrow keys.

Чтобы начать навигацию нужно после открытия новой вкладки нажать "Tab".

Если не подтянулась последняя версия нужно зайти в chrome://extensions/ → и нажать Update.

Demo

  Развернуть 1 комментарий

классная штука. пользуюсь файерфокс во многом из за tabstash плагина. А теперь для chrome/edge/...появился этот. Класс!!

потыкав, пока так и не разобрался - куда складируются табы? создается ли реальная закладка где-то в недрах или не?

  Развернуть 1 комментарий

@37_kirill_0, реальная закладка в хроме не создается. Это можно добавить, но у меня просто не было необходимости.

Синхранизация с реальными закладками нужка как бекап (чтобы закладки не пропали если плагин отвалится), или есть еще какая-то задача?

  Развернуть 1 комментарий

@pltnkv,
да
1- как бекап
2- возможность открыть с телефона.

  Развернуть 1 комментарий

@37_kirill_0, понял, спасибо за фидбек!

  Развернуть 1 комментарий

@37_kirill_0, да, с телефона было бы неплохо открывать хоть как-то.

Пока как бубновый режим на android — Kiwi Browser. Там ставятся любые расширения от большого Chrome

  Развернуть 1 комментарий

😱 Комментарий удален его автором...

  Развернуть 1 комментарий
  1. Было бы удобно с синхронизацией между девайсами... Хотя бы через s3 хранилище в виде json файла.

  2. И очень не хватает возможности открыть ссылку (или несколько) рядом со списком вкладок - я это делаю кликом по ссылке кнопкой скролла.

  3. Еще было бы полезно добавить пункт "Open in new tab" в списке действий по "...".

  4. Так же я вижу, что отрабатывает контекстное меню при клике правой кнопкой мыши по тексту ссылки. Было бы полезно, чтобы оно работало по всей области ссылки, а не только текста.

  5. При добавлении закладки (перетаскивании из списка открытых ссылок в папку с закладками) смущает, что закрывается соответствующая вкладка - это не соответствует моему намерению "сохранить закладку". Предлагаю вынести с настройки этот пункт.

  Развернуть 1 комментарий

@nicolay, спасибо за детальный фидбек, буду дорабатывать!

  Развернуть 1 комментарий

@pltnkv, кстати, готов вложиться временем в реализацию мобильного приложения для просмотра закладок. А брать их, допустим, из файла json из s3.

  Развернуть 1 комментарий

@nicolay, звучит классно!

Судя по запросам я в приоритете надо сделать синхронизацию через браузерные закладки. Т.е. чтобы юзер получил доступ на мобиле, ему надо просто авторизировать в брауезер. Это также решает проблему синхронизации закладок на разных девайсах (рабочем и домашнем).

Но сохранение в облако и авторизация тоже звучат интересно для некоторых кейсов.

Я экспериментировал с Firebase, но не довел до стабильной версии. Хотел:

  1. чтобы некоторые папки можно было шарить с другими людьми (например чтобы ключевые ссылки по текущему проекту были у всех членов команды)
  2. гугл-авторизацию можно было реиспользовать для того чтобы фетчить гугл-календарь и вместо одной из вкладок показывать какие встречи на сегодня запланированы.

Если это резонирует, можем законектиться в телеге

  Развернуть 1 комментарий

@pltnkv, Резонирует. Коллекция ссылок, которую можно пошарить коллегам - звучит класно.

Но насчет firebase в России... В последнее время вот вообще не уверен.

Кроме того возникает вопрос доверия к тому, у кого все ссылки. Особенно весело в компании с этим.

Кроме того лично мне интересен случай использования windows + iphone / ipad. Тут синхронизация не решается браузерными закладками...

  Развернуть 1 комментарий

Arc browser вроде умеет в такое "из коробки". Плюс отдельные Space'ы

  Развернуть 1 комментарий
  Развернуть 1 комментарий

@pltnkv, да, я уже увидел ))

  Развернуть 1 комментарий

Боже я искал такое. спасибо

  Развернуть 1 комментарий

@efviktor12, это здорово! Буду рад фидбеку

  Развернуть 1 комментарий

@pltnkv, средняя кнопка мыши не работает на открытие в новой вкладке. На странице импорта фон высотой в 1 экран, а потом список выступает сильно вниз и нечитаем.

  Развернуть 1 комментарий

@pltnkv, средняя кнопка мыши не работает на открытие в новой вкладке.

Поправлю, спасибо (у самого только трекпад)

На странице импорта фон высотой в 1 экран, а потом список выступает сильно вниз и нечитаем.

Это на Хроме под Windows?

  Развернуть 1 комментарий

@pltnkv, brave под убунту.

.app {
overflow-y: scroll;
} фиксит

  Развернуть 1 комментарий

@efviktor12, Да, нужная штука...

  Развернуть 1 комментарий
Oleg Plotnikov Лидирую разработку внутренней платформы автор 11 августа в 18:38

Я его пробовал, но Arc мне не зашел.

Да там есть спейсы и выглядит все приятнее, но ключевая проблема остается не решенной — закладки ютятся в тесном сайдбаре в папочках. Т.е. опять нужно целиться и кликать в нужную папку чтобы проверить там ли та закладка, которая мне нужна. А я хотел сразу все на одном экране видеть, в идеале без скролов и кликов.

  Развернуть 1 комментарий

@pltnkv, понимаю, дело вкуса

  Развернуть 1 комментарий

Отличное расширение, спасибо! Если на него переучиться, то будет бомба!
Пока отметил, что не хватает сворачиваний групп как на скриншоте

Ну и по идее можно всё это дерево 1-в-1 сохранить в стандартные закладки, как бекап. По желанию можно даже какой-то модификатор перед каждым названием, чтобы не ломать уже существующие закладки. Типа старые оставить как есть, а от расширения допустим «#tabme Вас3к Клуб - vas3k.club»

Ну и счетчик рядом с Open tabs был бы прикольным :)

  Развернуть 1 комментарий

@Anthon, спасибо за фидбек. Буду дорабатывать. Судя по отзывал синхронизация закладок будет в приоритете.

Что касается сворачивания групп — то это немного протеворечит изначальной идее видеть весь контент без лишних кликов. Надо подумать как элегантно решить проблему :)

  Развернуть 1 комментарий

@pltnkv, сворачивание да, я тоже подумал спорно по концепции:) С другой стороны, посмотри по своему табми, у тебя не нашлось группы с длинным списком, которая тебе типа нужна, но она захламляет экран? :)

но это так, мысли вслух

  Развернуть 1 комментарий

у тебя не нашлось группы с длинным списком

@Anthon, да, периодически некоторые секции разрастаются в высоту — но это скорее форсирует меня прибраться и заархивировать неактуальные закладки чтоб все было чисто :)

  Развернуть 1 комментарий

Это
просто
офигенно!
Спасибо, то что я искал!

  Развернуть 1 комментарий

@candy, очень рад! Пользуйтесь с удовольствием :)

  Развернуть 1 комментарий

Джва года ждал замену Papaly и вот, кажется, подходящий вариант! Спасибо, поюзаю

  Развернуть 1 комментарий

При попытке установить из Яндекс браузера - При скачивании произошла ошибка.: Invalid manifest
На ZorinOS

  Развернуть 1 комментарий

@xalasdor, спасибо за фидбек. У меня это тоже повторилось. Проблема, что яндекс-браузер пок что не поддерживает все возможности хромовских расширений.

Посмотрю что с этим можно сделать. Возможно, получится починить вместе адаптацией для Firefox

  Развернуть 1 комментарий

@pltnkv, Спасибо! Это заодно расширит вам аудиторию) На ЯБраузере в РФ много народа сидит)

  Развернуть 1 комментарий

@pltnkv А есть возможность, чтобы расширение работало, но не заменяло вид, который появляется при открытии новой вкладки? Т.е. я хочу иметь несколько визуальных закладок при открытии новой вкладки, и при необходимости ткнуть на запиненную иконку Tabme - и тогда откроется визуальное представление закладок?

  Развернуть 1 комментарий

Пока что такой возможности нет. Добавил в беклог, спасибо!

  Развернуть 1 комментарий
Юля Пчела Маркетолог мобильных приложений 26 августа в 16:11

выглядит здорово!

  Развернуть 1 комментарий

@pchela, Спасибо за поддержку!

  Развернуть 1 комментарий

Начал пользоваться, все нравится!
Мне было бы удобно, если бы была возможность добавлять к самим закладкам комментарий.

  Развернуть 1 комментарий

@quatchi, Спасибо за отзыв!
Ограничения по длине названия закладок нет, можно на несколько строк писать.

Я еще думаю добавить возможность клеить стикеры на поверх всего (как на вайдборде). Это бы решило вашу задачу?

  Развернуть 1 комментарий

Классный extension! Спасибо! Тут уже просили синхронизацию с закладками - очень не хватает этого, потому что chrome ищет по закладкам в адресной строке. Мне, лично, так было бы удобнее, чем пользоваться отдельным поиском в отдельной вкладке Tabme.

Еще было бы здорово упростить переименование закладок, например через Option + Click.

  Развернуть 1 комментарий

@babich, спасибо за фидбек. Синхронизация будет :)

  Развернуть 1 комментарий

😎

Автор поста открыл его для большого интернета, но комментирование и движухи доступны только участникам Клуба

Что вообще здесь происходит?


Войти  или  Вступить в Клуб