Бесплатные ресурсы для веб-разработчиков. Часть 1

Перевод первой части статьи «40+ High Quality Free Resources for Web Development».

Различные ресурсы играют большую роль в веб-разработке, поскольку позволяют очень сильно повысить продуктивность работы программиста. За время своей работы я накопил довольно много полезных ссылок, которыми хотел бы поделиться с другими веб-разработчиками. Надеюсь, вам они пригодятся.

Иллюстрации

Error 404

Прекрасный источник иллюстраций, которые можно использовать для оформления страницы 404.

Blush

Blush позволяет скачивать все иллюстрации бесплатно — как для личного, так и для коммерческого использования. Это особенно хорошо, потому что многие стили иллюстраций можно комбинировать и создавать на их основе новые. Также, благодаря плагину Figma, вы сможете моментально начать работать с картинками внутри вашего проекта.

Smash Illustrations

Smash Illustrations предлагает стильные изображения персонажей и простые иллюстрации для бесплатного личного и коммерческого использования. На этом сайте вы найдете больше 250 объектов и персонажей, а также больше уникальных сцен — и все это можно комбинировать по своему вкусу.

Control

Control предлагает высококачественные иллюстрации, выполненные в едином стиле. Картинки в формате PNG можно использовать совершенно бесплатно, в том числе для коммерческих целей. Если вам нужен формат SVG, придется заплатить $38, что, в принципе, тоже недорого за такое хорошее качество.

DrawKit

На DrawKit вы найдете больше 220 бесплатных иллюстраций. Все картинки — в формате SVG, так что вы сможете создавать из них прекрасные композиции. Также здесь предлагаются анимированные иллюстрации (используется библиотека Lottie), которые способны сделать вид сайта куда интереснее.

Open Doodles

Если вы поклонник контурных изображений, вам понравится Open Doodles. Все иллюстрации здесь можно скачивать бесплатно (в формате PNG или SVG). Также здесь есть функционал, позволяющий создать нужные вам doodles.

Free Illustrations

Free Illustrations предлагает много иллюстративных фонов, прекрасно подходящих для разработки лендингов.

Mixkit

Mixkit это как Unsplash, только для иллюстраций. Здесь вы найдете множество картинок (разделенных по категориям), а также стоковые видео и музыку. Все это бесплатно!

Delesign

Delesign предоставляет множество красивых, четких иллюстраций совершенно бесплатно. Их отличительная черта — разнообразие.

Разработка

Majestic

Majestic это пользовательский интерфейс для Jest с минимальной настройкой. Он облегчает просмотр логов тестов (по сравнению с просмотром в терминале). Может устанавливаться глобально или же открываться в любом отдельном репозитории (путем использования npx majestic).

Carbon

Если вы хотите поделиться красиво оформленным сниппетом кода где-нибудь в Twitter или на сайте, вам пригодится Carbon.

Squoosh

Squoosh сжимает ваши изображения с практически незаметными потерями в качестве. Также с помощью этого сервиса можно менять размер изображения и выбирать уровень оптимизации, подходящий для вашего сайта.

SVGOMG

SVGOMG обеспечивает графический интерфейс для оптимизации ваших SVG-файлов. Это очень важно при обработке SVG для использования на сайте.

Kite

Kite способен просто потрясающим образом повысить продуктивность вашей работы. Я не верю, что в будущем ИИ лишит нас работы; напротив, я считаю, что подобные инструменты существенно ее облегчат.

Kite предлагает функционал автодополнения кода в вашем любимом редакторе. В основе работы этого инструмента лежит машинное обучение, а для его тренировки использовалось свыше 2 миллионов репозиториев. В настоящее время Kite работает только с Python и JavaScript, но вскорости будут добавлены и многие другие языки.

DevDocs

DevDocs это агрегатор документации. Он вносит документацию множества библиотек и API в удобный интерфейс с возможностью поиска. Это очень удобно для разработки веб-проектов, рекомендую попробовать.

DevHints

Этот сайт предлагает шпаргалки для bash, React, Go, Sass и многих других инструментов.

Wappalyzer

Хотите узнать стек вашего любимого сайта? Wappalyzer поможет вам выяснить эту информацию, причем довольно быстро.

iHateRegex

Этот сайт — просто манна небесная для всех, кто не хочет самостоятельно писать регулярные выражения или искать подходящие в Google. Это своего рода Google для regex.

LottieFiles

Слыхали о Lottie? Я вот не слышал, пока случайно не нашел этот сайт. Lottie это библиотека, которая позволяет вам парсить и запускать анимации, экспортированные из Adobe After Effects. Эти анимации прекрасна, а на LottieFiles они хранятся тысячами, и скачать их можно бесплатно. Только учитывайте, что большинство из них имеют лицензию CC-BY 2.0.

Shape Divider

Shape Divider позволяет на лету генерировать красивые разделители для сайтов. По сравнению с другими подобными сайтами у этого сервиса крутой пользовательский интерфейс, да и работает он очень хорошо.

В следующей части мы рассмотрим ресурсы для облегчения работы с CSS и Tailwind, а также для повышения продуктивности.

[customscript]techrocks_custom_after_post_html[/customscript]

[customscript]techrocks_custom_script[/customscript]