Как хранить ссылки на сайты

Бесплатный сервис хранения ссылок

Знаю, что “хабра-народ” сейчас очень негодует, что стало очень мало технических статей, Хабр “не торт” и т.п. поэтому напишу сразу – это не техническая статья.

Цель статьи – поделиться удобным бесплатным сервисом хранения ссылок.

Конечно, можно было бы написать подробное техническое повествование. Например, целая история с изменением регулярного выражения для проверки корректности ссылки, сколько бы его не настраивали – всегда находилась ссылка, которая не вписывалась бы в правила. Но тогда бы получилась целая серия статей, которые наверняка никому и не интересны. Да и некоторые NDA надо учитывать.

Вступление

Этот раздел описывает причину, почему появился такой сервис, и если вы ревностно относитесь к своему времени, смело пропускайте его.

Был проект. Построенный на IIS + ASP.NET + MVC. Время шло. Появлялись новые версии MVC. Проект переезжал с версии на версию. Проект использовал достаточно специфическую внутреннюю архитектуру, поэтому MVC обрастал всё новыми костылями.

Шло время и в MVC подвезли новый промежуточный веб сервер Kestrel. Возможно, этот факт послужил последней песчинкой заставившей перевесить чашу весов, было принято решение написать свой web-стек. Превратить все костыли в архитектурную особенность. Чтобы код помогал программисту, а не вызывал отвращение.

Честно сказать – по прошествии времени можно сделать вывод.

Чёткое понимание, что сейчас за такую работу вряд ли бы взялись. Но т.к. путь проделан и результат есть – дальнейшая разработка вызывает только моральное удовольствие. Конечно “удовольствие” измеритель достаточно эфемерный, но проявляется это в том, что новые архитектурные изменения не ложатся костылями, а гармонично вписывается в текущую структуру. Не разрушая её, а дополняя. Разработка ведётся быстрее. Новые фичи не ломают старые. Все довольны.

Так вот. По мере написание своего web-стека встал вопрос о тестировании.

А как тестировать web стек? Разумеется, нужно повесить какой-нибудь тестовый сайт. В результате быстрого мозгового штурма, чтобы не писать “коня в вакууме”, было решено сделать какой-нибудь простенький полезный сервис.

И этот сервисом оказался – сервис хранения ссылок. Более того этот сайт оказался отличным тестовым полигоном для отработки различных web идей. И по мере своего существования обрастал всё новым функционалом. Который тестировался, уходил в другие проекты, но и оставался в сервисе.

И хотя сайт оброс достаточно большими возможностями, изначальная идея — максимально простое (отсюда и удобное) сохранение ссылки, осталась. В конечном счёте, тестовый сайт-сервис превратился в самодостаточный сайт и активно используется. Внутри узкого круга лиц ).

Было решено написать документацию к нему. Нуднейшее дело я вам скажу. Ну и поделится с другими.

Описание сервиса

Сервис предназначен для хранения ваших ссылок. И по мере наполнения ссылками – должен становится личным удобным каталогом. Весь функционал сервиса построен на идее – минимальное количество действий для получения результата – сохранения ссылки. При этом все возможные лишние действия – автоматизированы.

Главный интерфейс изображён в шапке этой статьи. В общей структуре он одинаков для разных разделов сервиса, таких как например “Шифрованные ссылки” или “Публичные ссылки”. Для добавления ссылки в каталог, её копируем в поле, которое расположено в верхней части сайта. Нажимаете кнопку “Добавить” – собственно это все действия.

Далее ссылка передаётся на сервер. Там подвергается проверке работоспособности. Проверяется доступ по протоколам http/https. Проверяется редирект ссылки. При необходимости производится промежуточное сохранение и отправка cookies. После всех проверок сохраняется конечный вариант.

Далее сервис загружает вашу ссылку и производит поиск заглавия. При этом производится автоматическое определение правильной кодировки – многие сайты возвращают неправильную кодировку. Для некоторых популярных сайтов поиск названия производится в заранее определённых местах. При поиске названия автоматически определяется тип ссылки. Сервис может, например, отличать PDF от html.

В конце всей процедуры сохраняется правильная ссылка и её заглавие. Это информация и заносится в каталог.

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

У каждой добавленной ссылки есть меню настройки. Для вызова меню для ссылки надо нажать на иконку в виде квадрата слева от ссылки. При нажатии появляется меню управления ссылкой. Меню состоит из 5 кнопок

• Удаление ссылки
• Добавление иконки
• Перемещение ссылки в другую группу подгруппу
• Редактирование заголовка ссылки
• Редактирование URL ссылки

Иконки

Для часто используемых сайтов можно сделать иконку быстрого доступа. Иконки подобны ярлыкам программ в Windows. Располагаются в поле иконок – область сразу после меню групп. Размер поля иконок можно изменять. Положение и размер иконки так же можно менять.

По умолчанию сервис пытается скачать для изображения иконки картинку с именем logo по адресу иконки либо скриншот. Иногда, если url иконки не доступен – картинка не устанавливается. В таких случаях картинку для иконки можно загрузить вручную. Для этого есть меню настройки картинки. Так же в меню можно удалить ранее установленную картинку. При наведении на иконку — слева становятся видимыми 2 кнопки. Верхняя квадратная — меню. Нижняя треугольная — размер. Зажимая нижнюю кнопку можно изменять размер. Зажимая саму иконку – можно менять местоположение.

• Положение заглавия иконки. Верх, середина, низ, нету заглавия.
• Редактировать заглавие иконки
• Меню настройки картинки иконки. Можно загрузить картинку из интернета или с компьютера.
• Фиксировать иконку. Запретить перетягивание.

Группы

Все добавленные ссылки делятся по группам. Группы – это страницы каталога ссылок. Выбор группы происходит путём нажатия на кнопку с именем группы. Меню групп закреплено и не прокручивается вместе с прокруткой.

Кнопки групп можно двигать. Слева каждой кнопки есть полоса для перетягивания. Самая первая кнопка меню – это кнопка открытия вашего каталога ссылок в виде оглавления.

Это список всех групп/подгрупп с активными линками. Щелчок мыши – быстрый переход в нужную категорию.

Для управления группами ест отдельная страница. Вход – кнопка в виде креста в правой части меню групп.

Подгруппы

Группы делятся на подгруппы. Внутри подгруппы можно установить способ сортировки ссылок.

• Сортировка ссылок по названию. Сверху-вниз.
• Сортировка ссылок по названию. Снизу-вверх.
• Сортировка по дате добавления ссылки. Сверху-вниз.
• Сортировка по дате добавления ссылки. Снизу-вверх.

Подгруппы можно перемещать между группами. Последовательность подгрупп меняется. Щелчок по заглавию подгруппы выделяет её. Новая добавленная ссылка будет добавлена в эту подгруппу.

Подгруппы также имеют страницу настроек. Вход — маленький крест в левой-нижней части поля иконок. Страница настроек повторяет страницу настроек групп.

Backup всех ссылок

Если вы боитесь потери ваших ссылок – вы можете в любой момент сохранить все их на ваш компьютер. Для этого есть четыре кнопки в верхней левой части экрана. При нажатии на кнопку будет предложено сохранить файл со всеми вашими ссылками. Файл будет в том формате кнопку которого вы нажали.

Файл будет содержать ссылки только того раздела, из которого вы нажали сохранение. Например, ссылки для раздела “Ваши ссылки” или “Шифрованные ссылки”. Шифрованные ссылки расшифровываются на стороне браузера и формируется файл – который вам предлагается для скачки. Который будет содержать уже расшифрованные ссылки.

• Загрузка всех ссылок в текстовом формате
• Загрузка всех ссылок в виде html страницы. Можно либо сохранить файл, либо сразу открыть в браузере.
• Загрузка всех ссылок в виде JSON кодировки. Предназначен для автоматизированных систем.
• Загрузка всех ссылок в виде XML кодировки. Предназначен для автоматизированных систем.

Разделы сайта

Когда сервис только появился он обладал только одной функцией — хранения каталога ссылок. Но по мере своей жизни в качестве тестовой площадки — добавлялись всё новые и новые функции. И в конечном счёте сайт стал состоять из определённого количество разделов. Переключение между разделами осуществляется квадратными кнопками-ссылками в верхней части сайта.

Ваши ссылки.

Это первый и основной раздел сайта. Это собственно основной формируемый каталог ссылок. Каталог имеет широчайшие возможности по настройке отображения и управления добавленными ссылками.

Шифрованные ссылки.

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

Раздел по предоставляемым функциям аналогичен разделу “Ваши ссылки”. Но ссылки хранятся на сервере в зашифрованном виде.

Для этого при добавлении новой ссылки пользователем — ссылка шифруются на стороне клиента (в браузере) и передаётся и хранятся на стороне сервера только в зашифрованном виде. При просмотре ссылок пользователем – скаченные зашифрованные ссылки с сервера расшифровываются на стороне клиента. Т.е. данные в не зашифрованном виде находятся только на стороне клиента. На стороне сервера — данные находятся только в зашифрованном виде. Крипто-операции происходят только на стороне клиента. Крипто-ключ никогда не покидает сторону клиента.

Короткие ссылки

Если вам нужно превратить длинную ссылку в короткую, то этот раздел для вас. Раздел по функциональности аналогичен разделу “Ваши ссылки”. Для удобного пользования ссылки также добавляются в группы/подгруппы. Все операции со ссылками такие же, как в разделе “Ваши ссылки”.

Друзья

Раздел друзья предоставляет 2 функции:

• Кинуть ссылку другу. Получить ссылку от друга
• Открыть другу для просмотра любую группу из раздела “Ваши ссылки”

Т.е. этот раздел по функциям напоминает почту. Но только для ссылок. Последовательность действий следующая.

Вы отправляете запрос на добавление в друзья. Ваш запрос принимают. И в списке друзей у вас появляется новый друг. У каждого друга есть входящая папка и исходящая. Вы можете кидать ссылки друг другу. При этом ссылки распределяются на просмотренные или нет. Ссылку можно «лайкнуть».

Событие о новой ссылки от друга будут отображаться в верхней части сайта. Если зарегистрирована почта — будет отправлено письмо о событии.

Так же другу можно открыть для просмотра любую группу из раздела «Ваши ссылки».

Боксы ссылок

Боксы с ссылками это страница с группой ссылок и имеющая общедоступный из интернета адрес. Например вам нужно оставить на форуме, блоге или в youtubе – список ссылок. Но при этом вы ходите редактировать этот список впоследствии. А также хотите знать, сколько пользователей интересовалось ссылками. Тогда инструмент “Бокс ссылок” – то что вам надо.

Интерфейс аналогичен остальным разделам. Каждая группа в разделе “Бокс ссылок” – это отдельная страница который имеет самостоятельный адрес.

Каждый бокс имеет текстовый блок, в котором вы можете разместить текстовую информацию. Информация также будет доступна по адресу бокса.

Справа адреса бокса расположен счётчик переходов по этому адресу, а также кнопки управления счётчиком. Также счётчик переходов имеет каждая ссылка в отдельности. Ссылки в бокс добавляются также как и в других разделах.

В бокс также можно добавить подгруппы – если ссылок много и вы хотите их систематизировать для удобства просмотра.

Публичные ссылки

Раздел по функционалу аналогичен разделу “Ваши ссылки”, но все добавленные ссылки становятся публичными. Это значит, что на вас могут подписаться другие пользователи, в разделе “Лента” и просматривать ваши публичные ссылки.

Лента

Это раздел для просмотра публичных ссылок других пользователей. Раздел состоит из 3 подразделов.

Лента новых публичных ссылок пользователей, на которых вы подписаны

Лента представляет собой непрерывный список ссылок пользователей, на которых вы подписаны. Ссылки добавляются от новых к старым. Лента отображается с автоподгрузкой данных.

Просмотр всех публичных ссылок конкретного пользователя

Раздел предоставляет список всех публичных пользователей, на которых вы подписаны. Список располагается в левом всплывающем окне

Поиск публичных пользователей

Раздел отображает в виде списка всех публичных пользователей, на которых вы можете подписаться. Если раздел пуст – публичных пользователей нет. Пользователи, на которых вы подписаны, так же не отображаются в разделе.

Темы, языки

Сайт доступен в 2 языках en/ru и в 2 темах тёменая/светлая.

P.S. Прошу с пониманием отнестись, если сервис вдруг будет работать не так как ожидалось. В web стеке используется криптография на эллиптических кривых, поэтому в старых браузерах работать не будет. Но думаю сейчас их никто практически и не использует.

• Информационная безопасность
• Веб-разработка
• .NET
• Хранение данных

Лучшие приложения для сохранения ссылок на веб-страницы

Страшно подумать, какое гигантское количество информации приходится перерабатывать современным журналистам. От новостей, интервью и исследований до изучения популярных отраслевых тенденций – мы лихорадочно сохраняем важные ссылки, чтобы в конце концов потерять их из-за «синдрома 50 открытых страниц браузера».

Сколько раз вы натыкались на что-то интересное в сети и оставляли окно открытым, чтобы прочитать позже? Затем вы случайно закрывали браузер, или наоборот – разделавшись со всеми срочными делами, вы обнаруживали пару дней спустя, что окно все еще открыто, а текст, к сожалению, так и остался непрочитанным.

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

К счастью, многим разработчикам так же надоело смотреть на бесконечные ряды открытых вкладок, поэтому они придумали разные способы сохранения текстов, фотографий, ссылок и видео, чтобы использовать их в дальнейшем, – и никаких открытых вкладок.

Pocket похож на самый большой в мире архив цифровой информации. В этот «карман» вы можете сложить ссылки, статьи, видео, фото – то есть практически что угодно – и открывать его в тех редких случаях, когда у вас есть на это время. Эффективный, привлекательный и легкий в использовании, Pocket действительно похож на. ну да – на карман.

Сервис saved.io творит маленькие чудеса. Если вы любите делать закладки, но часто переходите с одного устройства на другое, зарегистрируйтесь, а потом просто вводите saved.io/ перед URL любой страницы, и сервис сохранит ее в специальном облачном хранилище. И знаете, что самое лучшее? Вы можете хранить неограниченный объем информации. Складывайте туда все ссылки, какие хотите.

Удивительно мощный инструмент Refind использует сложный подход к простому делу экономии. Вы можете комбинировать Refind с другими приложениями. Используйте Evernote для сохранения записей, а Refind – для ссылок. Используйте Pocket для страничек, которые вы отложили «на потом», и Refind для ссылок, которые вам понадобятся довольно скоро.

Вы также можете использовать этот инструмент для сохранения информации об активности в социальных медиа. Вы можете следить за тем, что читают и какую информацию сохраняют другие люди. Это даст вам представление о том, что происходит в области ваших профессиональных интересов или хобби и чем интересуются окружающие вас люди.

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

Обратите также внимание на сервисы Wallabag (те, кто беспокоится о сохранности информации, будут рады узнать, что он работает на основе открытого исходного кода), Readability или Instapaper.

HackPack.press каждую неделю публикует информацию о грантах и объявления об открытых вакансиях в разделе TechCorners. Зарегистрироваться можно здесь. Автор основной фотографии – Visa Kopu, лицензия CC сайта Flickr.

Где хранить ссылки?

Давно озадачен проблемой хранения, катологизации и синхронизации ссылок (закладок, избранного) для разных устройств (PC, Mac, iPad, iPhone).

Поскольку нужна кроссплатформенная поддержка, то самый нормальный вариант — использовать какой-нибудь веб-сервис. Типа дропбокса, только для ссылок. Кликнул в тулбаре браузера, добавил название, метки, затем лег отдохнуть или поехал по делам и в дороге смотришь что «нагуглил» и «насёрфил». Я уже для этого дела начал использовать instapaper.com, но это скорее для чтения, чем для сёрфинга и закладок (далеко не всегда нужна версия сайта для чтения). Однако, хотелось бы иметь такое же удобное и быстрое нативное приложение для той же iOS, но для других целей и задач.

В общем, думаю проблема банальна и актуальна для многих, соответственно — кто как её решает?

• Вопрос задан более трёх лет назад
• 39406 просмотров

Комментировать
Решения вопроса 1

Перешел с delicious на diigo
Удобный сервис. Можно сохранять букмарки (+ закешированную версию страницы если нужно). Есть раздел «Read later» куда можно скидывать букмарки — почитать на потом (убираются из раздела при прочтении)

Для мобильных тулзы есть, но сам не пользовался

Ответ написан более трёх лет назад
Нравится 2 1 комментарий
Фёдор @FFF Автор вопроса
Спасибо. Как-то я о нём забыл, хотя был там зарегистрирован. Отличный вариант!
Ответы на вопрос 13
я пользуюсь https://checkitlink.com
Ответ написан более трёх лет назад
Комментировать
Нравится 4 Комментировать

• Плагин для браузеров (chrome webstore, mozilla addons, safari, opera )
• iPhone & iPad
• Android Phone & Tablet
• Mac OS X

«Опять закладку потерял» — как удобно хранить и отправлять списки ссылок

Информация, которая не имеет структуры и хаотична не принесёт пользы и просто будет потеряна в конечном итоге, поэтому я задался вопросом «Как хранить все нужные мне ссылки в одном месте более эффективно?»

Я думаю, что у многих из вас есть закладки, которые вы когда-то добавили и больше никогда не вспоминали о них. Или может быть среди ваших друзей есть те, кто любит присылать вам ссылки «чтобы сохранить»?

Меня откровенно бесит беспорядок в открытых вкладках в браузере, но стандартные закладки не дают возможности информативно и структурированно сохранить все закладки в нужном мне виде.

Проблематика

Структурирование информации и её хранение — довольно актуальный вопрос в современных реалиях информационного перенасыщения. Закладки в браузере уже не спасают и захламляются быстрее чем рабочее место фрилансера.

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

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

Для решения данной проблемы я нашёл сервис YesList, в котором я веду все списки. Быстро добавлять, информативные карточки, легко делиться с друзьями и бесплатность сервиса, эти факторы меня подкупили.

Мой пример применения структуризации информации

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

Пример того, как я веду списки покупок с комментариями к товарам

Мне нравится процесс добавления материалов, удобный парсинг с возможностью редактировать автоматически добавленную информацию, мало кто предлагает такое же удобное решение. На добавление одного материала у меня уходит около 10-15 секунд, что довольно быстро для визуализированной и аккуратной информации в карточке, чего вам никогда не смогут дать стандартные закладки в браузере.

Автоматический парсинг информации для карточки

Ну и конечно нельзя не отметить то, что это полноценная карточка с превью, текстом, ссылкой и дополнительной информацией по желанию. Очень важный момент, который помогает в ситуации, если нужно найти что-то быстро, а в списке более 100 элементов, можно не вчитываться в текст, а просто искать по картинке-превью, это сильно экономит мне время для поиска нужного материала.

Зачем мне это нужно?

Такой вопрос, вероятно, возникнет у большинства читателей после прочтения предыдущих тезисов статьи. Моя реализация решения проблемы хаотичности информации — не решение для всех, а лишь мой личный пример, который помогает мне. Если вам не нужна структуризация информации и вы далеки от 100+ реально нужных закладок — мои советы будут вам бесполезны, но могут помочь тем, для кого это является такой же проблемой, как и для меня.

Помимо применений озвученных ранее я веду совместные списки со своими друзьями и девушкой, где мы сохраняем предстоящие покупки и делимся друг с другом одеждой, которую хотим купить, чтобы остальные могли оценить её лайком внутри сервиса, которым я пользуюсь.

Также мои знакомые часто спрашивают меня, в какие места стоит сходить, чтобы перекусить и я всегдашняя озвучиваю им список из 5-10 заведений Москвы, где реально вкусно и недорого. Теперь я присылаю им ссылку на список с сайтами всех этих заведений, к которым я написал дополнительные сопроводительные отзывы от себя и экономлю по 15-20 минут после каждого вопроса «Где вкусно и недорого поесть?».

Моя подборка любимых заведений в Москве

Все эти кейсы использования структуризации информации экономят моё время и не перегружают мозг лишний раз типовыми вопросами. Если вы сталкиваетесь с похожими или такими же проблемами — я очень рекомендую вам попробовать работать с нужной вам информацией с умом и рациональным подходом по оптимизации лишней траты времени.

Заключение

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

Если вы захотите попользоваться сервисом YesList — то можете кликнуть сюда. Спасибо за ваше внимание и хорошего вам дня, читатели vc.ru!