Инструменты программиста
14.2K subscribers
1.44K photos
106 videos
4 files
1.65K links
Полезные инструменты для программистов — бесплатные и платные

Разместить рекламу: @tproger_sales_bot

Правила общения: https://tprg.ru/rules

Другие каналы: @tproger_channels

Регистрация в перечне РКН: https://tprg.ru/mX0S
Download Telegram
Really Good Emails — сервис для поиска и хранения интересных шаблонов электронных писем

Площадка предлагает пользователям найти вдохновение для дизайна в собственной курируемой коллекции из более чем 9 000 писем.

«Не изобретайте колесо, посмотрите, как другие компании решают те же проблемы, что и вы», говорится на одной из страниц Really Good Emails.

Стоимость: #бесплатно (но есть и платные функции)

#web #email #design
Awwwards — подборка лучших веб-сайтов по версии дизайнеров

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

Стоимость: #бесплатно

#web #design
UI Design Daily — ежедневная подборка дизайнерских ресурсов

И хоть последняя работа появилась на сайте ещё в апреле 2022 года, автор проекта успела опубликовать более 1000 работ

Их можно использовать как минимум для вдохновения при работе над собственным детищем

Стоимость: #бесплатно

#design #web
Blush — инструмент для лёгкого создания и настройки потрясающих иллюстраций

В основу шаблонов легли работы художников со всего мира. При этом у Blush есть плагины для Figma и Sketch

Стоимость: #бесплатно (но есть и платный тариф)

#design #figma #sketch
Undraw — дизайн-проект с иллюстрациями с открытым исходным кодом

Здесь можно найти материалы для множества идей, с помощью которых можно создавать прекрасные веб-сайты, приложения и прочие продукты

При этом изображения можно скачать как в SVG-формате, так и в PNG

Стоимость: #бесплатно

#design #svg #png
Fast.design — сервис для создания дизайна веб-интерфейсов без написания кода

В нём вы можете найти готовые компоненты, которые можно комбинировать и настраивать в соответствии с нуждами проекта

Fast.design также позволяет экспортировать созданный дизайн в различные форматы, такие как HTML, CSS и React.

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

Стоимость: #бесплатно (но есть платные тарифы)

#design #interface #no_code
UpLabs — гигантская библиотека, помогающая дизайнерам и разработчикам находить и скачивать качественные ресурсы для своих проектов

На платформе представлено множество бесплатных и платных ресурсов, таких как UI-киты, иконки, шрифты, и многое другое

UpLabs также предоставляет возможность дизайнерам и разработчикам публиковать свои работы и получать обратную связь от сообщества

Стоимость: #бесплатно (но есть и платные ресурсы)

#design #ui
This media is not supported in your browser
VIEW IN TELEGRAM
PixVerse — нейронка для генерации качественных видео

Кроме создания готовых футажей ИИ умеет анимировать картинки и апскелить видосы до разрешения 4К.

Стоимость: #бесплатно

#ии #video #design
Trace — плагин для Figma для конвертирования дизайнов в приложение на SwiftUI

У готового прототипа можно прямо на ходу посмотреть код, изменить его и перенести в нужную IDE. 

Стоимость: #бесплатно

#frontend #design #web @prog_tools
This media is not supported in your browser
VIEW IN TELEGRAM
Screenshot to Code — тулз для конвертирования скринов, Figma-шаблонов и мокапов в чистый код

Поддерживаемые стэки: HTML + Tailwind, React + Tailwind, Vue + Tailwind, Bootstrap, Ionic + Tailwind и SVG.

Стоимость: #бесплатно

@prog_tools #web #design
This media is not supported in your browser
VIEW IN TELEGRAM
designMode: читерский способ редактировать страницы прямо в браузере

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

Как это сделать:
1️⃣ Нажмите F12, чтобы открыть DevTools.
2️⃣ Перейдите в Console.
3️⃣ Введите: document.designMode="on".

Теперь можете закрыть DevTools и свободно редактировать страницу: менять или двигать картинки, текст и издеваться над прочими элементами. Поддерживается во всех современных браузерах! 

#design #лайфхаки