Список расширений для работы с GitHub и не только

Ниже представлены расширения для браузера Chrome. Они помогают мне анализировать дизайн и сайты в целом, а также ускоряют работу с репозиториями на GitHub.

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

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

  3. Refined Github отображает недавно опубликованные бранчи, а также позволяет по-новому работать с запросами и показывает аватары пользователей, которые отреагировали на коммент.

  4. GitHub Repository Size — это удобный и простой плагин, отображающий как объем отдельного репозитория, так и размер кажого файла в нем.

  5. github npm stats показывает статистику загрузок пакета на сайте NPM.

  6. GitHub Hovercard обеспечивает мгновенный доступ к информации о пользователе, репозитории, вопросах и коммитах из любого места на сайте GitHub.

  7. Isometric Contributions — это расширение позволяет вам переключаться между обычной диаграммой вклада на GitHub и версией изометрического пиксельного искусства.

  8. npmhub При просмотре репозитория на github.com, в котором есть файл package.json, это расширение будет анализировать зависимости в пакете и отображать ссылки с описанием для них чуть ниже файла README.

Другие полезные Chrome расширения

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

  2. WhatFont — с помощью этого расширения вы легко сможете узнать, какие используются шрифты на сайте, просто наводя курсор в нужное вам место. Это просто и элегантно. Отключается нажатием кнопки «Esc».

  3. CSS Peeper — это просмотрщик CSS, специально разработанный для дизайнеров. Задача расширения — позволить дизайнерам сосредоточиться на дизайне и потратить как можно меньше времени на копание в коде.

  4. Full Page Screen Capture — делает снимок экрана текущей страницы целиком.

  5. PerfectPixel — это расширение поможет вам разрабатывать сайт с попиксельной точностью.