Находки для веб-разработчиков: 17 классных сайтов

1. Выбор случайного изображения через API

Мощнейший фото-движок из всех существующих. Он отображает всю нужную информацию для создания разных видов UX. Большой плюс в том, что есть понятная и обширная документация.

Unsplash

2. Встраиваемые приложения-виджеты 

Добавьте необходимые и приглянувшиеся виджеты в Notion-документ своего проекта.

Apption

3. Carbon

Создавайте изображения своего исходного кода и делитесь ими. Просто начните печатать в текстовой области или переместите в нее заранее подготовленный файл.

Carbon

4. Peppertype

Заручитесь помощью ИИ для создания качественного контента. Буквально за одно мгновение вы получите отличные идеи для публикаций, заголовков для видео в YouTube, постов в Instagram и пр.

Peppertype

5. Poet.so

Публикуйте посты в Twitter, оформленные в виде красивых картинок. Для этого просто вставьте URL-адрес твита в соответствующую форму. На сайтах этот инструмент можно использовать в качестве прекрасной фичи.

Poet.so

6. Информация о посетителях сайта

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

Clearbit

7. Smart Mockup

Делайте классные продуктовые макеты в режиме онлайн. Это наиболее быстрый и легкий в использовании бесплатный веб-инструмент — для работы с ним вам не нужны никакие особые навыки и опыт.

Smart Mockup

8. Small Dev tools

Свыше 20 инструментов для разработчиков, призванные облегчить выполнение многих рутинных и монотонных задач вроде тестирования, JS-форматирования, сокращения и пр. Все они обладают простым и удобным интерфейсом.

Small Dev tools

9. Показ неординарного текста в консоли

Figlet представляет собой программу для создания и вывода текста крупными и необычными буквами.

Figlet

10. Visual Type Scale

Получите визуальное представление разницы между REM, EM и параметрами шрифтов. Понятная документация тут тоже есть.

Visual Type Scale

11. Стереть фон с картинки

В автоматическом режиме удаляйте фон с любого изображения. Ни одного дополнительного клика мышкой. Мануал имеется.

RemoveBg

12. Responsively

Создавайте адаптивные веб-приложения намного быстрее и проще — в разы!

Responsively

13. Metatags

Позволяет отлаживать и генерировать код мета-тегов. С этим инструментом гораздо легче экспериментировать в плане оформления контента. Также он позволяет потом просматривать, как сайт будет смотреться в Google, Фейсбук и т.д.

Metatags

14. ReadMe

За пару минут и без особых усилий визуально создавайте и добавляйте в свои проекты файлы README.

ReadMe

15. Storytale

Потрясающие иллюстрации для мобильных проектов и веб-сайтов. Оформите проект “залипательно”, наполнив его крутыми персонажами. 

Storytale

16. Pfpmaker

Сделайте яркий аватар для профиля, используя любую из своих фотографий.

PfpMaker

17. SigmaOS

Работая, порхайте! Для этого нужно всего лишь пользоваться браузером, который заметно ускоряет пользование Интернетом и тем самым делает ваш труд более производительным.

SigmaOS

В заключение

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