Инструменты программиста
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
CSS Stats — удобный анализатор CSS вашего сайта

С его помощью можно не только изучить статистику CSS вашего проекта, но также сравнить его с другими фреймворками.

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

#css #web #статистика
Contra — набор wireframe kit с открытым исходным кодом

С его помощью можно в кратчайшие сроки спроектировать и создать прототип мобильного приложения.

Подборка представляет из себя красиво сделанный и простой в использовании набор каркасов с более чем 150 мобильными компонентами и 50+ экранами.

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

#mobile #app #open_source
Codrops — бесплатная база примеров кода на HTML, CSS и JavaScript

Всё, что собрано на сайте, собрано вручную. При этом помимо базово JS, можно найти материалы по jQuery, React, Vue и Angular.

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

#js #html #web
CodeCrumbs — репозиторий сообщества разработчиков с полезными фрагментами кода

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

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

#web #code #snippet
Carbon — отличный способ создать красивое изображение исходного кода

Пользователю предлагается огромный выбор языков: от Bash до Python и даже Pascal. Можно настроить шрифт, цвет заднего фона и много чего ещё.

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

#web #code #бесплатно
Burst — обширная библиотека изображений без авторских прав

Причём использовать их можно как для личного, так и для коммерческого использования. Например, в своих проектах.

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

#сток #фото #бесплатно
Brusher — лёгкая библиотека для создания интерактивных фонов

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

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

#web #библиотека #бесплатно
Workbench — набор инструментов для работы с файлами

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

Стоимость: 5 использований в день — #бесплатно

#web #файлы
Boxicons — бесплатная коллекция тщательно проработанных иконок с открытым исходным кодом

Каждый значок разработан на сетке 24px с соблюдением рекомендаций по material design

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

#icons #open_source
Basscss — низкоуровневый CSS-инструментарий

Его общий вес составляет всего 2,13 КБ. При этом одной из особенностей Basscss является удачное соблюдение баланса между последовательностью и гибкостью.

Это позволяет быстро создавать прототипы и вносить итеративные изменения при разработке.

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

#css #web
AuthPass — менеджер паролей на основе Flutter совместимый с KeePass

Есть версия как для мобильных устройств, так и для десктопа. Особенно приятно, что проект имеет открытый исходный код.

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

#open_source #flutter
API List — огромная подборка различных API

Здесь можно найти интерфейс практически на любой вкус. Причём для удобства пользователей, все они разделены на понятные категории: анимации, оплата, аудио и т.д.

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

#api #web
ApexCharts.js — бесплатная современная библиотека диаграмм

С её помощью можно самостоятельно создавать красивые и интерактивные визуализации для веб-страниц

А если что-то нужно «допилить», то сделать это не составит труда — исходный код проекта открыт

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

#web #js #open_source
AOS — простейшая библиотека Animate On Scroll с использованием CSS3

Есть несколько вариантов анимаций. При этом проект можно изменять под свои нужды за счёт его открытого исходного кода.

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

#css #web #open_source
Antvis — отличные графики для мобильных телефонов и небольших экранов

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

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

#web #mobile
Animista — платформа, где можно «поиграть» с коллекцией готовых к использованию CSS-анимаций

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

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

#web #css
toast.log — удобный способ отслеживать ошибки, происходящие на вашем сайте, не открывая консоль браузера

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

Стоимость: $20

#web #браузер #разработка
Dofeedbackin — онлайн-платформа для подключения базы данных ваших форм обратной связи

Делается это максимально просто: сначала создаётся аккаунт, затем проекты (на самой платформе и веб-проект), после чего прикрепляется api-ключ

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

#web #api #бд
OyeStartups — огромная база знаний по созданию собственного стартапа

Здесь можно найти необходимые знания, если вы застряли как на этапе планирования, так и реализации своего стартапа

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

#стартап #советы
NGINXConfig — GUI для обработки и генерации конфигурации NGINX правильным способом

С помощью данного онлайн-инструмента можно легко сконфигурировать производительный, безопасный и стабильный NGINX-сервер

И что самое приятное — всё это бесплатно и с открытым исходным кодом

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

#web #nginx #open_source