Будь-яка робота буде більш ефективною, якщо її нормально організувати. Для цього можна використовувати допоміжні інструменти, що дозволяють заощадити час та зусилля. Сьогодні ми розберемо п’ять інструментів, які допоможуть веб-розробнику підвищити продуктивність праці.
Перераховані програми можна легко інтегрувати в робочий процес. Всі вони відібрані незацікавленим методом.
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 допомагає підібрати колірну палітру до сайту і надає вже готові колірні комбінації, що дозволяють грамотно оформити сторінку.