Бесплатные шаблоны для вашего сайта, в свободном доступе

Супер-полезные расширения Chrome для веб-дизайнеров


Как мы все знаем, Chrome является самым популярным браузером сегодня. Мне нравится его простота, скорость и производительность. Лично я считаю, что Chrome по-прежнему остается лучшим веб-браузером. И еще одна вещь, которую мне нравится в нем, - это множество расширений Chrome, которые делают веб-браузер более мощным и помогают его пользователям стать более продуктивными.

Сегодня я собираюсь поделиться с вами своими любимыми расширениями Chrome для веб-дизайнеров и разработчиков сайтов. Так как я сам веб-дизайнер, то это те расширения, которые я регулярно использую, а другие действительно стоит упомянуть. Я старался изо всех сил выбирать лучшее. Надеюсь, вы найдете их полезными и сможете повысить свою производительность.

1. What Font!

Очень полезное расширение chrome, которое позволяет вам идентифицировать шрифты, используемые на веб-сайте, просто наводя на них. Простое и элегантное решение для получения информации о веб-шрифтах. Кроме того, он также может обнаруживать службы, используемые для работы веб-шрифтов. Поддерживает Typekit и API шрифтов Google. Ссылка: install What Font

Расширение Chrome для веб-дизайнеров - WhatFont

2. Muzli

Расширение Muzli имеет важное значение для каждого веб-дизайнера, разработчика сайтов. Вдохновение - важная часть процесса проектирования, а Музли - отличный инструмент, который действительно поможет нам на этом этапе проектирования. Это инновационный способ изучения и объединения самых свежих проектов, UI, UX и интерактивных новостей и снимков со всего Интернета. Это расширение Chrome даст вам все необходимое для вдохновения. Просто добавьте его в Chrome, вы никогда не пропустите что-то новенькое. Это обязательно! Ссылка:  установить Muzli.

Расширение Chrome для веб-дизайнеров - Muzli

3. CSS Peeper

CSS Peeper - это средство просмотра стилей, предназначенное для веб-дизайнеров. Цель этого расширения Chrome - позволить дизайнерам сосредоточиться на дизайне и потратить как можно меньше времени на копание в коде. Расширение предоставляет вам простой и красивый пользовательский интерфейс для отображения и проверки стилей хорошо организованным и структурированным способом. Ссылка:  установить CSS Peeper

Расширение Chrome для веб-дизайнеров - CSS Peeper

4. ColorZilla

Популярное расширение разработчика Firefox и теперь доступно для Chrome. Colorzilla имеет множество функций, таких как eyedropper, расширенный набор цветов, генератор градиента CSS, анализатор цвета веб-страницы и другие полезные инструменты работы с цветами сайта. Ссылка:  установить ColorZilla

Расширение Chrome для веб-дизайнеров - ColorZilla

5. Wappalyzer

Если вы хотите проверить технологии, используемые на вашей любимой веб-странице, то Wappalyzer - это подходящее расширение Chrome для вас. Он обнаруживает системы управления контентом, платформы электронной коммерции, веб-серверы, фреймворки JavaScript, инструменты аналитики и многое другое. Это удивительно полезный инструмент для разработчиков сайтов. Ссылка:  установить Wappalyzer

Расширение Chrome для веб-дизайнеров - Wappalyzer

6. Awesome Screenshot

Еще одно популярное расширение chrome, которое позволяет делать скриншоты страниц. Это дополнение делает скриншоты всех страниц или только видимых частей страницы, которые затем можно редактировать перед сохранением. Вы можете добавлять аннотации, комментарии и делиться скриншотом одним нажатием. Отличное расширение Chrome для скриншотов экрана. Ссылка:  установить Awesome Screenshot

Расширение Chrome для веб-дизайнеров - Удивительный скриншот

7. Dimensions

Dimensions - это расширение Chrome для дизайнеров и разработчиков сайтов для измерения размеров экрана. Он позволяет легко измерять количество пикселей между элементами: изображения, поля ввода, кнопки, видео, gif, текст, значки, почти все, что вы видите в браузере. Ссылка:  установить Dimensions

Расширение Chrome для веб-дизайнеров - Размеры

8. Lorem Ipsum Generator

Как следует из названия, это расширение Chrome, которое обеспечивает элегантный и быстрый способ создания текста по умолчанию или генерации lorem ipsum. Настройки по умолчанию оптимизированы для быстрого использования, но также могут быть настроены для получения идеального текста, необходимого для ваших проектов. Ссылка:  установить Lorem Ipsum Generator

Расширение Chrome для веб-дизайнеров - генератор Lorem Ipsum

9. Palettab

Palettab помогает вам обнаруживать цветовые палитры и шрифты каждый раз, когда вы открываете новую вкладку браузера. Хороший инструмент для поиска идей шрифта и цвета. Это расширение использует шрифты Google и палитры COLOURlovers. Просто добавьте его в Chrome и будете получать вдохновение каждый раз, когда вы нажимаете кнопку новой вкладки! Ссылка:  установить Palettab

Расширение Chrome для веб-дизайнеров - Palettab

10. Генератор CSS3

CSS3 Generator - удобный инструмент, который генерирует код для вашего CSS. Это расширение генерирует CSS-код для text-shadow, hex / RGBA, колонки, градиенты, переходы, фильтры и многое другое. Ссылка:  установить генератор CSS3

Расширение Chrome для веб-дизайнеров - Генератор CSS3

11. Grammarly

Я не являюсь носителем английского языка, и мой английский действительно не так хорош, поэтому это расширение Chrome действительно важно для меня. Как дизайнеры, мы также должны обратить внимание на орфографию и грамматику, используемые в нашем контенте, и Grammarly - идеальный инструмент для этого. Он проверяет вашу орфографию и грамматику, когда вы пишете, помогает убедиться, что все, что вы пишите не имеет ошибок. И он делает больше, чем это - он также может найти некоторые сложные ошибки, которые часто остаются незамеченными. Ссылка:  установить Grammarly

Расширение Chrome для веб-дизайнеров - грамматически

12. StayFocusd

Если вы хотите повысить производительность, то это обязательное расширение для вас. StayFocusd повышает вашу производительность, помогая вам сосредоточиться на вашей работе, ограничивая количество времени, которое вы тратите на сторонние сайты. Расширение позволяет установить выделенное время для сайта, и как только это время будет использовано, сайт будет недоступен для остальной части дня. Расширение научит, как меньше времени тратить на социальные сети, развлечения и онлайн-игры. Ссылка:  установить StayFocusd

Расширение Chrome для веб-дизайнеров - StayFocusd

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


Дата публикации: .