Инструменты дизайнера

5 «Must Have» веб-дизайнерских расширений для браузера

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

Если у вас еще не установлены эти 5 расширений для браузера — вы многое упустили.

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

Интересно?

1. MeasureIt

measure-it

Линейка. Нужно узнать размер любого блока? Просто замеряйте его с помощью Measurelt.

2. Colorzilla

colorzilla

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

3. Font Face Ninja

font-face-ninja

Недавно пользуюсь и очень нравится. Достаточно просто включить его и при наведении на любой текст на сайте, вы узнаете, что за шрифт используется на отдельных участках текста и даже какого размера (кегль). В отдельных случаях появляется кнопка Скачать шрифт — что тоже сложно недооценить.

4. FireShot

fireshot

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

5. Wappalyzer

wappalyzer

Показывает, с помощью каких технологий разрабатывался сайт, какая CMS, языки программирования и т.п. Не нужно лезть в код, чтобы посмотреть это.

Понравилось? Расскажите друзьям:

Leave a Comment