5 бесплатных инструментов для фронтенд-разработчиков

Frontend-разработчик из Индии под ником Gaurav поделился на dev.to пятью бесплатными и, на его взгляд, недооцененными инструментами и ресурсами для ежедневной работы.

1. ScreenToGif

Позволяет преобразовывать запись с экрана в гифку. Среди функций сервиса:

• запись определенной части экрана;
• возможность записи с веб-камеры;
• рисование на экране во время записи.

Инструмент полностью бесплатен (исходный код есть на GitHub).

 2. Responsively

С помощью этого инструмента можно увидеть, как ваш сайт будет выглядеть на разных устройствах и как быстро он работает. Пользователи называют этот ресурс «браузером веб-разработчика». На выбор — более 40 устройств. Есть небольшие сбои, но, по утверждению Gaurav, все работает довольно хорошо. Сервис также бесплатный и с открытым исходным кодом.

 3. DevDocs

Содержит документацию практически по всем технологиям, используемым в веб-разработке. DevDocs можно скачать как PWA (progressive web app) на рабочий стол или телефон. Также есть возможность скачивать и читать материал в автономном режиме.

 4. Undesign

Набор бесплатных ресурсов для разработчиков и дизайнеров. Все разделено на 45 категорий, среди которых «Градиенты», «Цвета», «Иллюстрации», «Шаблоны» и так далее. Тоже можно установить как PWA.

5. Colorsinspro

Поможет в выборе цветов и цветовых палитр для проектов. Есть готовые цветовые палитры, сплошные и фирменные цвета, градиенты и т.д. Colorsinspro можно установить в качестве плагина для Adobe XD.

Читатели поддержали автора статьи и написали в комментариях свои любимые инструменты для работы. Вот некоторые из них:

• regex101 — онлайн-редактор для регулярных выражений
• bennettfeely — инструмент, позволяющий вырезать изображения на уровне CSS
• mycolor — для выбора цветовых палитр и генерации градиентов

А какими малоизвестными и, на ваш взгляд, недооцененными инструментами пользуетесь вы? Можете написать об этом в нашем чате: https://t.me/joinchat/SmcgpRFprYE5yOfv