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
Сообщить об опечатке
Текст, который будет отправлен нашим редакторам: