Заминусите, коли херню предлагаю
Разрабы, напилите расширение для хрома, чтобы видеть минусы!
Разрабы, напилите расширение для хрома, чтобы видеть минусы!
Привет. Я разработал расширение для VK Play Live. Оно похоже на BetterTTV для Twitch. Но пока с меньшим функционалом. Основная цель - портировать смайлики из BetterTTV, 7TV и FrankerFaceZ.
Ниже пример окна выбора смайликов с каналов Kuplinov и Recrent.
Помимо смайликов, расширение автоматически собирает так называемые сундуки с баллами канала, которые появляются каждые 15 минут и требуют клик пользователя. А также автоматически ставит лайк, если вы зайдете к стримеру из ваших подписок.
Доступно в Web Store.
Совместимо с Chrome, Edge, Opera, Яндекс.Браузером и других на основе движка Chromium. Для Firefox пока нет. Хочу отловить баги, прежде чем портировать туда.
Всем здравствуйте! На связи создатель расширения Avito Blacklist Паша Сырников (это я) 👋🏼. Недавно количество пользователей моего расширения перевалило за 300 и было принято решение подвести короткий итог.
За время, которое я посвятил этому проекту, я прокатился на самых настоящих эмоциональных качелях. Начиная с того, что мое расширение попросту оказалось… никому не нужным. По крайней мере так мне казалось в самом начале.
Началось с того, что я прочитал пост на Пикабу про продавцов-спамеров на Авито. Автор жаловался, что они забили всю ленту. Я подумал: вот оно, моя минута славы! Насчет денежных бенефитов у меня не было никаких иллюзий - я сразу понимал, что на бесплатном расширении никак не заработать. Разве что добрые люди переведут по 5-10 рублей, за год может на чашку кофе хватит. Спойлер: я оказался не совсем прав, но об этом попозже. В итоге я быстро сделал расширение по блокировке пользователей-спамеров, выложил его в Google Webstore 22 июня 2022, написал на Пикабу и стал ждать, пока пост не выйдет в лучшее, а у расширения не будет тысяч 10 пользователей.
* это я в ожидании огромного количество пользователей
В итоге в комментах отписались, мол, идея отличная, но наверное вы наши персональные данные продавать будете. Или более адекватная обратная связь: расширение классное, но пользуемся в основном мобильными версиями, так что не наш случай. Оказалось, что у людей не столь остро стоит эта проблема - хватает на то, чтобы немного поворчать, но не достаточно, чтобы принимать какие-либо действия. Если бы я применил на практике знания из книги “Спроси маму” (Роберт Фитцпатрик), то такого разочарования удалось бы избежать. Нужно было всего-то спросить: а как вы пытались решить данную проблему? Ответом было бы честное: никак. По мнению автора, это значит, что это не та проблема, которую следовало бы решать. Но зачем кого то слушать, если можно получить свой неповторимый опыт?
В итоге на совете директоров 3 июля 2022 было принято решение забить на дальнейшую работу над расширением. Показатели на тот момент: 3 пользователя, включая меня на двух браузерах. Это было примерно 22-25 июня 2022 года. До 26 января 2023 года я забыл о расширении. Но тут случилось оно:
* Письмо, которое я даже хотел распечатать и вставить в рамочку - до сих пор тепло от такой обратной связи
Сказать, что я офигел, это не сказать ничего. Им еще кто-то пользуется? Зашел в Delevoper Dashboard и офигел во второй раз: 14 пользователей! При этом я удалил у себя расширение 🤭 Кто все эти люди и как они нашли расширение для меня до сих пор загадка. Авито немного поменял разметку, я её обновил в расширении и с новыми силами взялся за проработку. Добавил пару функций, которые просили пользователи - блокировку отдельных объявлений и возможность импорта/экспорта базы данных.
Очень интересно то, какие разные люди пользуются расширением. Некоторые скидывают вполне приличные суммы: 300-1000 рублей и что важнее, искренне благодарят, пишут хорошие отзывы в вебсторе, по почте, в комментариях к переводам. В итоге удалось заработать на бесплатном расширении 2600 рублей (~13 чашек кофе по 190 рублей), что сильно превзошло мои ожидания. Но есть и обратная сторона, это когда пишут: твое тупое приложение не работает, автор тупой мудак, не может нормально ничего сделать и как влепят 1 звезду. Блин, это бесплатное расширение, кроме хорошего рейтинга и редких переводов у меня больше и нет ничего от него. А тут такая атака на мое настроение. Но как правило, все решается довольно быстро, просто спрашиваешь: а в чем собственно проблема? И проблема сама как-то решается. В основном, пользователь что-то не правильно понял, не внимательно описание прочитал.
Немного графиков:
* Рост пользователей с 22.06.2022 по 14.08.2023 в 326 раз! С 1 до 326 соответственно 😀
Общее количество установок - 651. 1 мая 2023 был какой-то всплеск. Наверное, связан с моей хаотичной маркетинговой деятельностью. Есть аналог моего расширения, который очень долгое время не работал и там начали писать отзывы и запросы в поддержку, что расширение не работает. Я решил, что автор забросил своё расширение и начал спамить в ответах под отзывами своим расширением. В итоге пользователей 10 мне удалось завлечь. В целом маркетинг заключался в том, что иногда в непредсказуемое время я отслеживал посты на Пикабу/vc.ru с обозначенной проблемой в виде продавцом спамеров и предлагал в комментариях свое решение. Также когда выходили посты “Топ 10 расширений для Google Chrome” и подобные, я также рекламировал в комментариях своё расширение. Аналитики никакой не настраивал, так что не могу сказать, что в итоге работает, а что нет.
Всего показов моего расширения было 5,2 тысячи, просмотров 2 тысячи и установок 650 штук. Значит конверсия из показа в просмотр составляет 38,46%, из просмотра в установку 32,5%. Честно говоря, не знаю, хорошо это или плохо. Когда только начинал делать расширение пытался найти какую-то статистику по данному вопросу, но сделать этого мне не удалось. Эта статья частично была призвана закрыть этот пробел.
Выводы и итоги:
Прежде чем решать проблему, нужно выяснить, а точно ли эта проблема существует для конкретных людей, с которыми вы говорите. В моем случае, для моей первоначальной аудитории такой острой проблемы не было, но нашлась другая аудитория, для которой данное расширение оказалось полезным.
В мире полно добрых людей, готовых поддержать ваш проект. Даже если он кажется вам сырым и не доработанным. Не стесняйтесь писать каким образом пользователи могут вас поддержать: это может быть как денежный перевод, просьба пройти опрос, оставить отзыв, поделиться в соц сетях и так далее.
Выложить расширение и ждать, что у него будет миллион установок, не стоит, особенно без соответствующей по размерам и лояльной к вам аудитории и/или крупных рекламных бюджетах.
Разработка расширений для браузеров - тема интересная - ведь можно доработать под себя функционал любого сайта. Однако вместе с тем, это довольно нишевая история и информации на просторах интернета немного. Буду рад если вы поделитесь своими историями, впечатлениями о разработке или использовании расширений для браузера.
Всем спасибо за внимание 😍
Справились? Тогда попробуйте пройти нашу новую игру на внимательность. Приз — награда в профиль на Пикабу: https://pikabu.ru/link/-oD8sjtmAi
В современной верстке выделяется 2 типа элементов:
• Блочные (block level) - в основном, отвечают за каркас страницы.
• Строчные (inline level) - в основном, помогающие нам при стилизации страницы и тд.
Блочные элементы
Они занимают всю доступную ширину родителя в которого вложены, из-за чего выталкивают соседствующие элементы не могут располагаться с ними на одной строке и переносятся под них.
<div class="block">Block Element #1</div>
<div class="block">Block Element #2</div>
<div class="block">Block Element #3</div>
Основные блочные элементы:
Это список основных блочных элементов, также практически все семантические теги являются блочными и в добавок к этому небольшому списку существует достаточно много блочных тегов.
<div>div element</div>
<p>p element</p>
<hr>
Списочные теги
Списочные теги используются для создания списка элементов, для вывода на страницу. Такие теги используются достаточно часто при верстке страниц. Также списочные теги являются блочными.
Маркированный список:
<ul>
<li>Lorem ipsum.</li>
<li>Similique, voluptas?</li>
<li>Enim, et!</li>
</ul>
Нумерованный список:
<ol>
<li>Lorem ipsum.</li>
<li>Beatae, fugit?</li>
<li>Id, molestiae.</li>
</ol>
Список описаний ( документация ):
<dl>
<dt>Lorem</dt>
<dd>Lorem ipsum dolor sit.</dd>
<dt>Lorem ipsum.</dt>
<dd>Lorem ipsum dolor sit.</dd>
</dl>
Теги заголовков
Теги заголовков имеют семантическое значение для страницы, тег <h1> имеет наибольшее значение, является главным заголовком HTML документа. Использовать заголовки нужно в правильной последовательности от h1 до h6, если вы используете младший заголовок без старшего это будет ошибкой. Теги заголовков тоже являются блочными.
<h1>Lorem ipsum.</h1>
<h2>Lorem ipsum.</h2>
<h3>Lorem ipsum.</h3>
<h4>Lorem ipsum.</h4>
<h5>Lorem ipsum.</h5>
<h6>Lorem ipsum.</h6>
Вкладывая одни блочные элементы в другие мы получаем возможность создавать более сложную верстку.
<div class="post">
<div class="post-title">
<h2>Hello world</h2>
</div>
<div class="post-content">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequuntur, ducimus.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequuntur, ducimus.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequuntur, ducimus.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequuntur, ducimus.</p>
</div>
</div>
Из примера выше видно, что в div c классом post вложенные другие элементы. На самом деле, вложенность может достигать любого уровня, но не стоит сильно увлекаться так как чем больше будет вложенность тем сложнее будет браузеру и компьютеру это все обрабатывать.
Как делать нельзя?
Нельзя вкладывать теги <p> друг в друга.
<p>
Lorem ipsum dolor sit amet.
<p>Lorem ipsum dolor sit amet.</p>
<p>Lorem ipsum dolor sit amet.</p>
</p>
Нельзя вкладывать заголовки друг в друга.
<h2>
Some title
<h3>Some subtitle</h3>
<h3>Some another subtitle</h3>
</h2>
ВАЖНО!
Сами по себе элементы не являются ни блочными ни строчными, а также не имеют никаких стилей сами по себе. HTML - это все лишь разметка. Для всех тегов существуют стандартные стили которые по-умолчанию настроены в браузере. За стилизацию элементом всегда отвечает язык CSS который и будет определять то блочный элемент или строчный, а также множество других стилей.
P.S. О строчных элементах напишу в следующем посте.
Разработал расширение для веб-сайта Яндекс.Музыки. Основная функция - создание персональных плейлистов. И ряд дополнительных возможностей. Желающие перенести музыку в Spotify могут сразу переходить сюда.
Возможности расширения
• Создает 15 персонализированных плейлистов (описание ниже), в том числе основываясь на вашей истории прослушиваний Last fm.
• Поможет перенести музыку на другую платформу.
• Поиск дубликатов треков в плейлисте.
• Возможность массовой отметки треков лайком/дизлайков.
• Вернет вкладку "Рекомендации" в шапку сайта.
• Позволит частично скрыть присутствие подкастов с главной страницы.
• Использует стиль сайта, поддерживает темную тему.
• Имеет ряд настроек для более тонкой настройки. К примеру, добавление случайных красивых обложек для плейлистов с возможностью повторной смены; игнорирование ремиксов при подборе плейлистов в новых релизах.
Описание плейлистов
- Last fm:
• Топ прослушиваний. Чарт по числу прослушиваний за выбранный период.
• Рекомендовано. Набор ваших рекомендаций с Last fm. Каждая генерация - новые треки.
• Соседи. Музыка, которую слушают пользователи Last.fm со вкусами, близкими вам.
- Новинки:
• Популярные новинки. Содержит только новые треки, помеченные молнией.
• Новые синглы. Включает только синглы.
• Новые релизы. Все треки из раздела (целыми альбомами).
- Рекомендации:
• У поклонников. Треки, которые слушают люди с вашими вкусами.
• Редкие исполнители. Вы не слушали эту музыку, но она вам может понравиться.
• Пропущено. Подборка непрослушанной музыки, известных вам исполнителей.
• Недельный чарт. Содержит ваши популярные треки недели.
- Дискография. Собирает все треки исполнителя за выбранный период или все разом.
- Мои дизлайки. Список всех заблокированных треков.
Установить
Возможные вопросы
- Работает в Chrome, Opera, Edge, Яндекс.Браузере и других на основе Chromium.
- Активация функций через элементы, появляющиеся на страницах Яндекс.Музыки. Например, меню "Коллекционер" в разделе "Моя коллекция" -> "Плейлисты".
- Не предназначено для скачивания музыки.
Привет Пикабу, и не прошло пол года и я все же выпустил обновление. Не все успел сделать что перелагали мне в прошлом посте, но то ли еще будет) А теперь я пожалуй расскажу, что успел сделать на данный момент.
Постарался учесть все ваши предложения и замечания. Надеюсь угодил)
Одно из самых важных это конечно теперь можно нормально перетаскивать закладки.
Переделал магазин чуть чуть, теперь чтобы скачать фон, не обязательно открывать предпросмотр.
Еще переделал дизайн элементов немного. А так же добавил темную тему и понижение яркости фона (что бы не слепило ночью).
Еще не успел сделать синхронизацию, но я думаю над этим. А так же никак не могу решить проблему с черным экраном, не могу отловить ошибку, но так же постараюсь решить эту проблему как можно быстрее.
Сейчас в планах на следующее обновление:
1) Сделать синхронизацию между устройствами (пока думаю как это реализовать без аккаунтов. @bar0n, предложил хорошую идею использовать стандартную папку закладок для этого, думаю над этим решением сейчас.).
2) Включение и выключение ночной темы по времени.
3) Более глобальное редактирование вкладки (пока можно только имя поменять)
Ну и оптимизация с исправлением багов)
Если заинтересовало, вот ссылка на магазин. Буду рад если попробуете, и скажете в комментариях как вам.
Жду новой порции критики и предложении от вас. Спасибо за внимание)
Привет Пикабу, выкладывал пост о расширении разрабатываемым мной: предыдущий пост. Прошло уже более 200 дней, и я выпустил много обновлений. Хочу поделиться, может теперь еще кому то понравиться)
И так, самое главное, что добавил, это закладки. Решил не делать как у всех, а сделал как мне кажется удобно. Все закладки не отображаются на главном экране, не люблю засраный пере груженый интерфейс. На главном экране отображаются только 9 избранных сайтов, что бы посмотреть остальные, нужно прокрутить страницу вниз и тогда мы увидим это.
Это самое главное изменение, остальные думаю не стоит описывать так детально. Ну и для новеньких напоследок, на вопрос, зачем я начал делать очередную новую вкладку. Самая главная причина корректное отображение без размытия "пиксельартных" гифок, ну и чисты интерфейс.
Если заинтересовало, вот ссылка на магазин. Буду рад если попробуете, и скажете в комментариях как вам.
Жду критики и предложении. Спасибо за внимание)
Такую задачу поставил Little.Bit пикабушникам. И на его призыв откликнулись PILOTMISHA, MorGott и Lei Radna. Поэтому теперь вы знаете, как сделать игру, скрафтить косплей, написать историю и посадить самолет. А если еще не знаете, то смотрите и учитесь.
Мне никогда не нравилась новая вкладка в хроме. Решил поискать в магазине расширения позволяющие ее заменить, но они мне не понравились, поэтому решил сделать свое решение. Вот что у меня получилось.
Привет Пикабу, выкладываю свое решение на ваше обозрение, может кому и пригодиться.
Особой функциональностью не обладает, просто заменяет на кастомизируемую новую вкладку. Если расширение оценят, то сделаю и под другие браузеры.
Сразу говорю, что это не реклама, я никакого профита с него не получаю, только если опыт полученный во время разработки)
Вообще все закрутилось после вот этого поста. Решил сделать себе так же в визуальных закладках от яндекса, но разочаровало, что качество гифок довольно таки плохое, да и размер большой получается, что сильно тормозит работу браузера. Стал искать другие расширения заменяющие новую вкладку. Нашел несколько вариантов где можно поставить видео на фон, но все они были сильно перегружены (никому не нужные to do листы, которые никак нельзя убрать и все в таком духе). После этого решил сделать свой вариант с блэкджеком и плюхами возможностью установки как видео на фон, так и гифок(их можно установить без сглаживания, чтобы остались пиксельными).
Так же решил добавить несколько часов.
Если заинтересовало, вот ссылка на магазин.
Жду критики и предложении. Спасибо за внимание)
P.S. Извините за грамматику, по русскому в школе была тройка(