Ускорьте свой рабочий процесс и сэкономьте время для более важных вещей

С тех пор, как технический гигант Google запустил браузер Chrome, он стал выбором номер один для дизайнеров и разработчиков, и захватил около 70% рынка браузеров.

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

Давайте посмотрим на последние Chrome-плагины, рекомендованные для вас на основе опроса нескольких самых популярных команд дизайнеров и разработчиков в мире.

Инспектирование свойств дизайна на странице

Page Ruler

Нарисуйте линейку и измерьте элементы на любой веб-странице.

Расширение Chrome - Page Ruler

Скачать по ссылке

Dimensions

Инструмент для дизайнеров, который поможет измерить размеры экрана.

Расширение Chrome - Dimensions

Скачать по ссылке

Perfect Pixel

Это расширение помогает разрабатывать ваши сайты с точностью до пикселя!

Расширение Chrome - Perfect Pixel

Скачать по ссылке

Visual Inspector — Inspect

Восхитительный способ проверить свойства дизайна веб-страницы, не теряя при этом удобства инструментов дизайна.

Расширение Chrome - Visual Inspector

Скачать по ссылке

Визуальное редактирование веб-страниц

Code Cola

Code Cola — это Chrome-расширение для визуального редактирования css стилей онлайн страниц.

Расширение Chrome - Code Cola

Скачать по ссылке

Css Shack

Верстайте свои дизайны прямо в браузере.

Расширение Chrome - CSS Shark

Скачать по ссылке

Visual Inspector — Measure

Восхитительный способ внести изменения в веб-сайт без потери удобства инструментов проектирования.

Расширение Chrome - Visual Inspector Mesure

Скачать по ссылке

Получить цвета с веб-сайта

Colorzilla

Продвинутая пипетка, цветовая палитра, генератор градиента и другие полезные плюшки.

Расширение Chrome - ColorZilla

Скачать по ссылке

Visual InspectorColors

Извлечение и изменение цветов, градиентов на веб-сайте.

Расширение Chrome - Visual Inspector Colors

Скачать по ссылке

Получить шрифт с веб-сайта

What font

Определяет шрифты на веб-страницах.

Расширение Chrome - What font

Скачать по ссылке

Google Font previewer

Позволяет вам выбрать шрифт из каталога Google Font с несколькими вариантами настройки текста и предварительно просмотреть их на текущей вкладке.

Расширение Chrome - Google font previewer

Скачать по ссылке

Fontface Ninja

Исследуйте шрифты на веб-сайте, попробуйте, внесите в закладки и купите их!

Расширение Chrome - Fontface Ninja

Скачать по ссылке

Type wonder

Это расширение помогает тестировать веб-шрифты на активной вкладке Chrome через typewonder.com

Расширение Chrome - Type wonder

Скачать по ссылке

Font swap

Мгновенная замена шрифтов на любой веб-странице на Google Fonts.

Расширение Chrome - Font Swap

Скачать по ссылке

Visual Inspector — Fonts

Проверяйте и экспериментируйте со шрифтами на веб-сайте.

Расширение Chrome - Visual Inspector Fonts
Заголовок на скриншоте: «Трамп сделал какую-то глупость». А разве не сделал?
Скачать по ссылке

Дизайн вдохновление

Muzli

Самые свежие ссылки о дизайне и интерактивные прототипы со всего Интернета. Каждый дизайнер должен установить это расширение!

Расширение Chrome - Muzli

Скачать по ссылке

Panda

Находите лучший контент. Будьте информированными. Будьте вдохновленными.

Расширение Chrome - Panda

Скачать по ссылке

Сделать скриншот

Light shot

Простой и удобный инструмент для создания скриншотов. Выберите область, отредактируйте скриншот и загрузите его на сервер.

Расширение Chrome - Light shot

Скачать по ссылке

Full page screen capture

Гарантированно сделайте снимок экрана текущей страницы без каких-либо дополнительных разрешений!

Расширение Chrome - Full page screen capture

Скачать по ссылке

Image downloader

Просмотр и загрузка изображений на веб-странице.

Расширение Chrome - Image downloader

Скачать по ссылке

Visual Inspector — Assets

Экспорт всех баннеров, иконок, ресурсов и всего остального с «любой» веб-страницы.

Расширение Chrome - Visual Inspector — Assets

Скачать по ссылке

Проверьте адаптивную веб-страницу

Responsive Web Design Tester

Быстрый и простой способ проверить ваш адаптивный веб-сайт.

Расширение Chrome - Responsive Web Design Tester

Скачать по ссылке

Window Resizer

Измените размер окна браузера, чтобы эмулировать различные разрешения экрана.

Расширение Chrome - Window Resizer

Скачать по ссылке

Corporate Ipsum

Создает случайные фразы и предложения для использования в качестве текста наполнителя.

Расширение Chrome - Corporate Ipsum

Скачать по ссылке

Pendule

Инструменты веб-разработчика для Chrome.

Расширение Chrome - Pendule

Скачать по ссылке

Daltonize

Дальтонизация — это метод демонстрации деталей для пользователей, страдающих от цветовой слепоты, позволяя им увидеть то, что они иначе не заметили бы.

Расширение Chrome - Daltonize

Скачать по ссылке

Вывод

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

«Почему Visual Inspector охватывает несколько категорий?» Visual Inspector — это «все в одном» Chrome расширение для проверки и внесения любых изменений в дизайн веб-страницы — позиционирование, извлечение цветов, шрифтов, дизайнерских ресурсов и многое другое.

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

Если мы пропустили ваше любимое расширение Chrome, не стесняйтесь писать в комментарии, и мы добавим его в список.