Сегодня я делюсь с вами моим списком из 12 расширений Chrome для дизайнеров и разработчиков. Я рад, что это моя область знаний, так что давайте приступим к делу.
1. Великий подвесной
The Great Suspender — это бесплатное расширение с открытым исходным кодом для Google Chrome, которое минимизирует объем используемой Chrome памяти. Он делает это, автоматически приостанавливая вкладки, которые были бездействующими.Под капотом он удаляет с спящих веб-страниц их графику, JS и т. д.
Расширение Great Suspender для Chrome
2. UX-проверка
UX Check Расширение Chrome помогает распознавать проблемы с удобством использования с помощью быстрой и простой эвристической оценки.
Рабочий процесс прост. Нажмите на значок, чтобы запустить Nielsen's Ten Heuristics на боковой панели, как в инструментах Chrome Dev. . Вы можете нажимать на любые элементы, которые не прошли оценку, чтобы добавлять примечания, делать снимки экрана и экспортировать их в файл s docx для удобного обмена.
UX Check Chrome Extension
3. Пипетка
Eye Dropper — это, на мой взгляд, самый удивительный инструмент для выбора цвета.Он имеет 2 вкладки — Пипетка и Кулер средство выбора. Инструмент «Пипетка» позволяет выбирать цвета с любой веб-страницы, а инструмент выбора цвета позволяет выбирать собственные цвета.
Цвета, выбранные с веб-страниц или выбранные на вкладке палитры цветов, автоматически сохраняются в палитре, которую можно загрузить в виде файла CSV. Кроме того, Eye Dropper отображает все цвета в кодах RGB, HSL, HEX и по имени, а также поддерживает сочетания клавиш.
Расширение Eye Dropper для Chrome
4. FontFace Ninja
FontFace Ninja способен отображать информацию о любых шрифтах на любом веб-сайте. Он содержит ссылки для скачивания бесплатных шрифтов и возможность отображения цен на платные шрифты.
FontFace Ninja также имеет параметры для использования темного режима, обнаружения шрифтов в изображениях (бета-версия) и отображения параметров закладок.
Расширение FontFace Ninja для Chrome
5. Линейка страниц
Page Ruler — это минималистское расширение линейки, позволяющее измерять ширину и высоту веб-страниц. В нем есть несколько сочетаний клавиш, навигация по родительским и дочерним элементам, рекомендации по измерению и локализация на 10 языках.
Расширение Page Ruler Chrome
6. Загрузчик видео с Facebook
FB Down может легко загружать видео с Facebook и любой другой страницы с воспроизведением видео. Вы можете использовать его для загрузки всех популярных форматов мультимедиа, включая определенные видео, защищенные авторским правом (если вы решите загрузить видео без звука).
FB Down действует как анализатор ссылок на веб-страницах, и значок загорается, когда он видит загружаемый контент.
Расширение Facebook Video Downloader для Chrome
7. PerfectPixel
PerfectPixel от WellDoneCode — лучшее расширение для создания веб-сайтов с точностью до пикселя. Это позволяет вам устанавливать изображения в качестве наложений, которые вы можете сравнить с сайтом разработки. Он поддерживает сочетания клавиш, наложение полупрозрачного изображения и многое другое.
Расширение PerfectPixel для Chrome
8. Оловянный глаз
TinEye — это идеальный инструмент обратного поиска изображений и первый инструмент, в котором реализована технология идентификации изображений вместо ключевых слов, метаданных или водяных знаков. Он создает уникальные цифровые подписи для изображений, а затем сравнивает их с подписями в своем индексе.
TinEye не просто возвращает похожие изображения в результатах поиска, но и точные совпадения, не исключая обрезанные, измененные по размеру и отредактированные версии.
Расширение TinyEye для Chrome
9. CSS Перец
CSS Pepper позволяет извлекать CSS (даже из скрытых объектов) и создавать красивые руководства по стилю в хорошо организованном виде. Это позволяет дизайнерам и разработчикам тратить время на работу над дизайном, а не на поиск в коде.
CSS Pepper Chrome Extension
10. ЧтоРаботает
WhatRuns информирует вас обо всем, что работает на любом веб-сайте, включая фреймворки, темы, шрифты, CMS и т. д.
Кроме того, вы можете следить за веб-сайтами, чтобы расширение уведомляло вас о добавлении новых технологий.
Что запускает расширение Chrome
11. Музли
Muzli — это бесплатное расширение, которое добавляет в ваш браузер тысячи красивых, вдохновляющих дизайнов в виде новой замены вкладок. .
Каждый раз, когда вы открываете новую вкладку, Muzli заполняет ее одними из самых красивых дизайнов из более чем 120 источников, включая InVision, Muzli, Dribble, Product Hunt, CNN, CSS Author и т. д.! Это жемчужина для дизайнеров.
Расширение Muzli Chrome
12. Размеры
Dimensions — это бесплатное расширение с открытым исходным кодом, которое предлагает вам интеллектуальный способ измерения расстояний между элементами страницы.
Найдите размеры изображений и HTML-элементов, перемещая мышь относительно друг друга. Вы также можете использовать сочетания клавиш для работы — просто не забудьте установить сочетание клавиш в конце списка расширений Chrome, чтобы переключить расширение, чтобы получить наилучшие впечатления.
Dimensions Chrome Extension
Есть и другие расширения, о которых вы должны знать, например. Checkbot направлен на повышение вашей SEO-репутации, а также общей скорости и безопасности веб-сайта путем проверки на наличие неработающих ссылок, небезопасных страниц, недопустимых HTML/CSS/JS, дублирующихся заголовков и других проблемы, которые вы могли не заметить во время разработки.
And Check My Links, который просматривает ваши веб-страницы, чтобы убедиться, что у вас нет неработающих ссылок — это бесплатно, но не так крепкий.
У вас есть классные расширения для дизайнеров и разработчиков, о которых мы должны знать? Добавьте их в разделе комментариев ниже.