О плагинах для Figma уже поговорили в прошлой статье, но работа веб-дизайнера проходит же не только внутри какой-то программы, но и в интернете тоже. Так что в этой статье расскажем про несколько расширений, которые упростят работу и в браузере.
Window Resizer
Простое в использовании и полезное в деле расширение Window Resizer, которое изменяет окно браузера на основе либо уже встроенных разрешениях-адаптивах, либо вручную ведённых размеров в пикселях.
Очень удобное дополнение для браузера, так как можно легко посмотреть как выглядит сайт на разных устройствах, особенно когда устройств с таким разрешением у вас не имеется.
Fonts Ninja
Понравился шрифт с какого-то сайта, но не знаете его названия? Тогда это расширение — ваш спаситель! Один клик на иконку расширения и все шрифты со страницы сразу вам высветятся в всплывающем окне. И ещё одна прелесть Fonts Ninja в том, что, когда активировано расширение, при наведении на текст показывается размер шрифта, разрядку, цвет и другие его характеристики.
Dimensions
Просто несложное расширение Dimensions, превращающее ваш курсор в крест из вертикальной и горизонтальный линий, которые продолжаются до тех пор, пока не ударятся либо в край экрана, либо в край какого-то элемента, что помогает быстро замерить расстояние в пикселях.
Visual Inspector
Самое сладкое на конец! Одно из моих любимых расширений — Visual Inspector! Почему любимое? А потому что в одном расширении идёт сразу несколько клёвых плюшек:
- Можно редактировать текст, цвета, позиции, непрозрачность и другие свойства прямо на сайте без кодирования;
- Скачать все картинки с сайта;
- Все использованные стили шрифтов.
И это только часть из функций этого расширения! Предлагаем вам установить это расширение, чтобы собирать контент с сайтов было ещё проще!
Подписывайтесь на наш канал, чтобы не пропустить следующие полезные посты! И не забывайте комментить, ставить лайки и репостить статью :)
#расширение для браузера #веб дизайн #веб-разработка #веб-дизайн #веб разработка