+100 к продуктивности: 16 удобных инструментов для веб-разработчика

Наличие под рукой хороших инструментов для разработки дает +100 к продуктивности, считает разработчик Харш Макадия. Он поделился списком из 16 ресурсов, которыми пользуется, чтобы облегчить себе работу. Кстати, автор подборки считает, что 99,8% специалистов не знают их все. Проверим?

1. Unsplash

По мнению автора подборки, это самый мощный «фотодвижок» в мире. Unsplash API — это современный JSON API, который предоставляет всю информацию, необходимую для создания любого опыта для пользователей.

2. Apption

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

3. Carbon

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

4. Peppertype

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

5. Poet.so

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

6. Weekly Visitor Report

Сервис для получения еженедельных отчетов о компаниях, посещающих ваш сайт.

7. Smart Mockup

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

8. Small Dev Tools

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

9. FIGlet

Программа с открытым исходным кодом для создания текстового баннера, составленного из букв.

10. Visual Type Scale

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

11. Remove BG

Сервис для автоматического удаления фона изображения. Пользователю нет необходимости выделять слои, вместо него это делают созданные с помощью ИИ технологии.

12. Responsively

Инструмент проверки того, как сайт будет выглядеть на разных устройствах. Ускоряет создание адаптивных веб-приложений как минимум в пять раз.

13. Metatags

Удобный инструмент для отладки и генерации кодов метатегов для любого веб-сайта. Теги можно редактировать и экспериментировать с контентом, а затем просматривать, как веб-страница будет выглядеть в Google, Facebook, Twitter и так далее.

14. ReadMe

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

15. Storytale

Сайт с иллюстрациями для веб- и мобильных проектов. Можно использовать как в коммерческих, так и в личных целях.

16. Profile Pic Maker

Инструмент для быстрого создания изображения профиля для соцсети, мессенджера или любой другой платформы.