Как упростить себе жизнь при помощи браузерных плагинов.

Хитрые веб-разработчики умеют пользоваться браузером на уровне «god-mode». Расширения(плагины, add-on) чрезвычайно полезны, когда речь идет об улучшении рабочей среды и повышении производительности написания кода.

Не за горами 2020 год. Появилось много новых расширений. Я собрал наиболее полезные расширения для веб-разработчиков и поместил их в один список.

Refined GitHub


Refined Github упрощает интерфейс GitHub и добавляет полезные улучшения.

image

Refined Github

«Надеемся, что GitHub заметит как необходимы эти улучшения и добавит некоторые из них. Поэтому, если вам нравится какое-либо из этих улучшений напишите, пожалуйста, в службу поддержки GitHub об этом».
— создатели Refined Github.

Гайд по установке:


Поддержка публикации — компания Edison, которая занимается разработкой приложений и сайтов Московского ювелирного завода.

Hacker Tab


Hacker Tab полезна, если хотите узнать о популярных проектах с открытым исходным кодом. Каждый раз, когда открываете новую вкладку, вы видите список всех новых проектов. Можете переключаться между недельным, ежедневным и ежемесячным расписанием, а также переключать языки программирования.

image

Замените экран новой вкладки браузера на трендовые проекты GitHub.

Гайд по установке:


Daily 2.0 — ресурс для занятых разработчиков


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

image

Daily 2.0

Новые и обновленные технологии разработки программного обеспечения появляются в интернете каждый день. Оставаться в курсе событий — огромная проблема. Daily был создан разработчиками для разработчиков. Благодаря этому расширению мы можем сосредоточиться на коде, а не на постоянном поиске новостей по разработке в интернете.

Гайд по установке:


No Coin


Существуют сайты, которые заставляют наши процессоры майнить для них криптовалюту. No Coin это крошечное расширение для браузера. Оно нужно для блокировки майнеров вроде Coinhive, которые используют ваши компьютерные ресурсы без вашего согласия.

image

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

Гайд по установке:


JSON Formatter


Это расширение делает JSON более читабельным. JSON Formatter это проект с открытым исходным кодом.

image

JSON Formatter

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

Гайд по установке:


Pomodoro Timer


image

Расширение Pomodoro Timer

Техника Pomodoro — метод тайм-менеджмента. Эта оригинальная техника представляет собой шесть этапов:

  1. Определитесь с задачей, которую будете делать.
  2. Запустите Pomodoro таймер (обычно около 25 минут).
  3. Работайте над задачей ни на что не отвлекаясь.
  4. Закончите работать, когда прозвенит таймер и поставьте галочку на листе бумаги.
  5. Если у вас меньше четырех галочек, сделайте короткий перерыв (от 3 до 5 минут), и приступайте ко второму шагу.
  6. После каждого 4-го «помидора» сделайте длинный перерыв (15-30 минут). Сведите количество галочек на ноль и снова приступите к первому пункту.

Пока вы читаете эту статью, я использую Pomodoro. Pomodoro это практичный способ привести свои дела в порядок. Он помогает научиться сосредоточиться и управлять своим временем. Если вы хотите научиться концентрироваться, рекомендую эту книгу. Мне она помогла.

Гайд по установке:


Meta SEO Inspector


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

image

Проверьте свои мета-теги, чтобы обеспечить хороший SEO-рейтинг

Расширение в основном используют веб-разработчики, которым нужно проверить HTML-код своего сайта в соответствии с рекомендациями Google для веб-мастеров. Также оно полезно всем, кто хочет видеть содержимое страницы, которое обычно не видно.

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

SEO это отдельный язык. Я советую прочитать книгу «3 Months to No.1: The 2019 “No-Nonsense” SEO Playbook for Getting Your Website Found on Google». В ней лучшие практики и советы по SEO.

Гайд по установке:


OctoLinker


Эффективно управляйте проектами на GitHub с OctoLinker.

OctoLinker превращает специфичные для языка операторы в ссылки. Например, include, require или import.

image

демонстрация OctoLinker

Источник кода на GitHub: https://github.com/OctoLinker/OctoLinker

Гайд по установке:


Octotree


image


Octotree это расширение, которое отображает дерево кода на GitHub. Оно отлично подходит для изучения исходного кода проекта. Вам не придется загружать множество репозиториев на свой компьютер.

Гайд по установке:


Перевод: Диана Шеремьёва

Комментарии (3)


  1. disc
    20.10.2019 22:00
    +1

    За Daily 2.0 спасибо!

    P.S. Ссылка на No Coin для Chrome не рабочая, скорее всего его больше нет в маркете.


    1. MagisterLudi
      20.10.2019 22:18
      +1

      Наверное, сам майнил…


  1. Yeah
    22.10.2019 15:40

    Octotree уже несколько лет пользуюсь, а вот про Octolink не знал — спасибо.