Рубрики
Без рубрики

Улучшение среднего опыта

Cedric Amaya. Улучшение расширения браузера среднего опыта одновременно. Фото на сарае изображения на unsplashi love medium. Как потребитель, он предоставил мне бесчисленные статьи, которые помогли мне лучше лично, так и профессионально. И как продюсер, он предоставил мне

Cedric Amaya.

Одно расширение браузера за раз.

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

Поскольку использование среды, однако, я заметил некоторые вещи о публикации платформы, которую я либо нашел не хватает, либо у нас есть место для улучшения. И как веб-разработчик и Tinkerer, мне нравится придумать решения для этих проблем. Вот пару расширений, которые я создал, чтобы сделать ваш средний опыт еще лучше.

Средние бэкмарклеты?

Первый случай меня пытается улучшить средний опыт был с моей векетексту Firefox, Средние бэкмарклеты (который, я узнал после названия продукта, на самом деле не заблокированы).

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

Как это работает

Поскольку я знал, что элементы HTML в средних статьях содержат уникальный ID Атрибут, я разработал решение, добавленное маркером/маркером на выбранный элемент. Это соответствует абзацу, направляется или цитату в статье, где пользователь хотел сохранить свое место, что, в свою очередь, сохранил этот элемент ID Отказ

Навигация непосредственно к этому пятно в статье выполняется с использованием фрагмента идентификатора сохраненного ID Отказ Например, если этот абзац имел ID из «3b75», затем, чтобы открыть эту статью с этим конкретным абзацем в верхней части страницы, URL-адрес будет выглядеть что-то вроде https://blog.cedricamaya.me/improving-medium-experious-7DF7E233C678 # 3b75 Отказ Обратите внимание на идентификатор фрагмента ( # 3B75 ) в конце.

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

Имея в виду этой функциональности, я закодировал дополнение Firefox, которая создала боковую панель кликабельных карт, которые представляли собой сохраненные пользователем Bookmarklets, Как я позвонил им. Обработчик событий Click на каждой карте будет перемещаться по текущей странице к блокмаркет URL. Так что если вы разместили Bookmarklet На полпути в длинной статье необходимость прокрутки к этому разделу, где вы в последний раз в последний раз, были полностью устранены.

Есть еще функциональность, включенные в средние букмекеты, такие как необходимость белить публикации, которые вы хотели бы сохранить Bookmarklets От (из-за соображений безопасности), а также уведомления, когда Bookmarklet Он добавил или удален. Кроме того, это довольно простое расширение, которое направлено на улучшение ваших возможностей заклада.

Проверить Средние блокночные знаки от Mozilla Addons.

Подпись ✍️.

Если средние блокночки были разработаны с потребителями средних, то Подпись Был разработан для тех, кто создает содержание на среднем.

Цель подписи проста: предоставить писателям и редакторам возможность мгновенно добавить подпись/подпись своего блога одним щелчком нажатия кнопки – устраняя необходимость копирования и вставки или вставьте его каждый раз.

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

Я подумал себе: «Люди набирают эту подпись или копируйте и вставляют ее из предыдущей статьи каждый раз, когда они пишут новый пост блога?» Независимо от того, выворачивание или копирование и копирование требует времени и желание упростить процесс, я разработал другое расширение браузера (на этот раз как для Chrome, так и Firefox) для решения этой проблемы.

Как это работает

С помощью подписи пользователи просто заполняют подпись своего блога в редакторе, найденном на странице настроек расширения. Этот редактор, экземпляр Квинс , является богатым текстовым редактором, означающим любое форматирование текста (I.E. Bold, курсив, цитата, заголовок, код и т. Д.).

Как только подпись была определена на странице настроек, пользователи смогут щелкнуть кнопку «Подпись» (с значком NIB), расположенной в Inline-Tooltip, как показано ниже. Затем нажав эту кнопку, затем вставляется подпись, которая была определена на странице настроек в черновике.

Достаточно говорить о том, как это работает Однако – давайте посмотрим в действии!

Проверить Подпись из Mozilla Addons. а также от Хром Интернет-магазин .

Вынос

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

Теперь я поощряю Вы Чтобы улучшить свой собственный опыт среднего и поделиться результатом, используя #mediumExperience. Если вы не можете думать о своей собственной идее или просто начать работу с программированием, не стесняйтесь реализовывать новую функцию или исправить ошибку в средах закламенов или подпись – оба являются открытыми источниками и можно найти на Github.

Cedricium/Medium-Bookmarklets ? Средние заблокированные элементы – простой способ сохранить свое место в средних статьях и вернуться к ним позже. Г ithub.com Cedricium/Signature ✍️ Подпись – средние подписи, упрощенные. github.com

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

~ Седрик Амая ? Wielder, который любит создавать вещи с кодом G Github |. Linkedin. | T уклон

Оригинал: “https://www.freecodecamp.org/news/improving-the-medium-experience-one-browser-extension-at-a-time-7df7e233c984/”