TGViewer
Frontend&Travel Frontend&Travel @code_and_travel · 1.18K subscribers
Post #396 895
А теперь расскажу, что изменилось в версии 1.0.0, и почему я ее так долго делала.

Прошу извинить, последний пост про расширение для Google Chrome, дальше обещаю переключиться на другие темы)

Было:

Простая линейка пикселей онлайн. Пользователь рисует прямоугольник на экране, и линейка показывает, какое количество пикселей по ширине и высоте у этого прямоугольника. Есть сетка на background, которая позволяет удобнее прямоугольник рисовать. Можно менять цвет сетки (чёрный, белый, красный, зеленый) и размер сетки (4px, 8px, 20px, 50px, 100px). Есть возможность отключить сетку полностью. Прямоугольник на экране можно переносить, таким образом проверяя, что два элемента имеют одинаковые размеры. Также в панели слева отображаются координаты текущего указателя мыши. Саму панель с координатами можно перенести на любое место экрана.

Стало:

1. Основное — добавился Smart Select. Теперь пользователю не обязательно рисовать прямоугольник на экране (хотя старый функционал сохранился), он может наводить указатель мыши на элемент — и приложение автоматом будет показывать его размеры. Есть даже возможность выбрать определенный элемент в качестве центрального и смотреть размеры соседних уже относительно него. Таким образом, измерения работают гораздо точнее и стали автоматическими.

2. Для тех, кто предпочитает ручную линейку, добавился масштабный функционал настроек. Теперь цвет сетки определяется не из 5 сочетаний, а можно выбрать любой, воспользовавшись color picker. Также и с размером сетки: пользователь вводит необходимое количество пикселей в инпут, и сетка сразу перестраивается (было всего 5 предвыбранных сочетаний, напомню).

3. Появилась возможность менять цвет прямоугольника. Также, на любой из color picker. В предыдущей версии он всегда был одинаковым.

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

5. Появилась возможность получать измерения в ручном режиме не только в px, но и в см и дюймах. Зачем это надо — не знаю. Но многие пользователи жаловались на то, что в см расстоянии померить невозможно. Видимо, кто-то меряет страницы в pdf.

6. На панели управления (которая стала раз в 6 больше) появилась кнопка рейтинга и «сообщить о баге». Если пользователь ставит плохой рейтинг, я веду его на страницу обратной связи в Google Forms. Если хороший — на страницу отзывов по extension.

7. Поскольку панель управления теперь в разы больше и занимает значительную часть экрана, я сделала ее маленькую версию. В мелкой панели можно управлять наличием сетки и переключением режима (smart/manual select).

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

P. S. Да, монетизация будет, но в следующей версии. Я улетела в очередное путешествие 🤣.
Telegram Code&Travel ​И снова здравствуйте. Не прошло и двух недель, как я пишу в этот блог опять 😀. За это время я все же закончила версию Pixel Measurement 1.0.0 (расширение для Google Chrome). Расскажу, из чего состоял процесс. В августе я поняла, что из всех своих целей…
  • 👍 10
  • ❤ 3
More from @code_and_travel
  1. Oct 9, 2026Сходила недавно на встречу комьюнити Билдеров в Москве. Это те, что делают Chrome-расширен…
  2. Oct 7, 2026Когда-то давно, в начале года, я рассматривала 4 направления для иммиграции. Среди них был…
  3. Sep 14, 2026​Попробовала модель Astra от ChatGPT. Точнее, как попробовала: почти научилась работать с…
  4. Sep 7, 2026Почему так долго нет статей?) Потому что то, что интересно сказать, не скажешь (из-за поли…
  5. Jul 6, 2026Все же помнят, что у меня удаляли Pixel Measurement 2 месяца назад? Кажется, причина прояс…
  6. Jun 30, 2026Виза талантов. Обновление Держу вас в курсе того, что у меня по этому поводу происходит. В…
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →