Любая работа будет более эффективной, если ее нормально организовать. Для этого можно использовать вспомогательные инструменты, позволяющие сэкономить время и усилия. Сегодня мы разберем пять инструментов, которые помогут веб-разработчику повысить производительность труда.
Перечисленные приложения можно легко интегрировать в рабочий процесс. Все они отобраны незаинтересованным методом.
Excalidraw
Инструмент для тех, кто проектирует архитектуру программного обеспечения и рисует для этого схемы. С помощью Excalidraw можно всей командой рисовать разные схемы в браузере. Поддержка командной работы — важное преимущество этого инструмента во время удаленной работы на карантине.
Инструмент бесплатный и опенсорсный, что влечет за собой один минус — Excalidraw не поддерживает облако, поэтому сохранять схемы можно только на одном компьютере, а не на аккаунте.
Nucleo Icon Transition
Еще один инструмент, Nucleo Icon Transition, позволяет генерировать переходы между двумя SVG-иконками.
С помощью Nucleo Icon Transition можно настраивать эффект перехода (scale или rotate) и выбирать событие, которое запустит переход — click или hover. Инструмент сгенерирует один SVG-файл, включающий описание иконок и JS-код, выполняющий переход. Таким образом, Nucleo Icon Transition оснащает иконки классами, с которыми работает скрипт.
Для добавления собственной анимированной иконки в свой проект нужно загрузить созданный SVG-файл и добавить его содержимое в свой HTML-код.
Type Scale
Для тех, кто создает сайты заново, подойдет проект Type Scale. С его помощью легко можно подобрать шрифты.
TypeScale поддерживает выбор шрифта и настройку его параметров, например, размера и коэффициента масштабирования. После изменений настройки шрифт сразу же выводится на странице с шаблонным текстом, включающем различные элементы. Type Scale позволяет сэкономить время на подборке параметров шрифтов для сайта.
Roam Research
Составление списка задач еще никогда не было лишним. Разработчикам будет удобно использовать программу Roam Research. Одни из ее преимуществ по сравнению с другими приложениями — наличие собственного языка разметки и возможность связывать дела.
Связи между задачами помогают понять, какие средства нужно использовать для достижения целей, и значительно облегают восприятие самих задач. Поскольку проект относительно недавно вышел, загрузить его пока можно бесплатно.
Happy Hues
Инструмент для разработчиков, параллельно занимающихся дизайном. Ресурс Happy Hues помогает подобрать цветовую палитру к сайту и предоставляет уже готовые цветовые комбинации, позволяющие грамотно оформить страницу.
