Обучение веб-дизайну

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

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

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

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

Интересно?

1. MeasureIt

measure-it

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

2. Colorzilla

colorzilla

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

3. Font Face Ninja

font-face-ninja

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

4. FireShot

fireshot

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

5. Wappalyzer

wappalyzer

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

---

The End

Юлия Вильчинская

Автор и идеолог проекта. Специалист по продающему дизайну и упаковке бизнеса в интернете

Комментарии

Вам также может понравиться