Инструменты программиста
14.1K subscribers
1.47K photos
115 videos
4 files
1.7K links
Полезные инструменты для программистов — бесплатные и платные

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

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

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

Регистрация в перечне РКН: https://tprg.ru/mX0S
Download Telegram
Hookbin — сервис для исследования HTTP-запросов

Инструмент позволяет перехватывать, анализировать и отлаживать HTTP-запросы любого рода (JSON, XML, YAML, Multipart и др.). Создав эндпоинт, вы можете отправлять запросы к этой конечной точке и проверять, что именно было передано.

Существует множество возможных вариантов использования. Доступна отладка веб-подключений от внешних поставщиков, например платежных систем, таких как Stripe или Recurly, перед запуском в производство. Правильно настроить контроллеры помогут отладочные формы в ваших приложениях. Также имеется синтаксический анализ составных запросов (загрузка файлов).

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

#веб
👍5
Nootiz — инструмент для сбора визуального фидбека на веб-сайте

Чтобы оставить комментарий, достаточно просто выделить элемент (текст или медиа). В тексте комментария нужно описать замечание, можно прикрепить файлы и назначить члена команды для решения проблемы. При этом каждый комментарий разработчик видит с техническими деталями: информация о браузере, операционной системе и окне просмотра.

Доступна интеграция с Asana, Trello и Jira для управления проектом в команде.

Стоимость: до 3 проектов в год для двух пользователей #бесплатно, больше проектов #по_подписке — бесплатно первые 60 дней.

#веб
👍3🔥1
Yotako — инструмент для преобразования дизайна в код

Сервис принимает на вход готовые дизайны, созданные с Balsamiq, Adobe XD, Sketch, Photoshop и др. Далее разработчику необходимо выбрать стек — возможно создание как веб, так и мобильных приложений. Можно воспользоваться своим стеком и кастомизировать его с помощью фреймворков, библиотек и других инструментов. Сервис создает код на основании дизайна и публикует его в выбранный репозиторий — GitHub, Bitbucket и др.

Стоимость: публичные проекты с дизайном на Balsamiq #бесплатно, больше возможностей #по_подписке.

#веб
🔥5👍2
Mirage — библиотека JavaScript для имитирования API

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

Имитация сервера кастомизруется. Доступно тестирование пользовательского интерфейса.

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

#API #веб
👍16
This media is not supported in your browser
VIEW IN TELEGRAM
Clappr — функциональный и масштабируемый плеер для веба

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

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

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

#веб
👍7
Line Awesome — это бесплатный контурный шрифт, состоящий из около 1400 плоских линейных иконок. В основу шрифта лёг стиль Icons8 Windows 10, который в свою очередь состоит из более 4000 иконок.

Использовать Line Awesome можно как подключив к проекту, так и к Photoshop.

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

#веб #иконки
👍18
This media is not supported in your browser
VIEW IN TELEGRAM
Responsively app — инструмент для облегчения и ускорения работы веб-мастеров

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

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

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

#веб
🔥14👍7🤩5
CSS Scan — расширение для браузера, которое лишит смысла постоянное использование “inspect element”.

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

Инструмент также позволяет скопировать все правила CSS элемента одним щелчком мыши.

Стоимость: $110 (но до 22 марта 37%-скидка, поэтому цена снижена до $69)

#CSS #веб #расширение
👎19💩6
Hoppscotch — это лёгкий и основанный на веб-технологиях пакет для разработки API

В отличие от ряда конкурентов, инструмент бесплатен. Ещё одно его преимущество — открытый исходный код, доступ к которому можно получить на GitHub-странице проекта.

Hoppscotch был создан с нуля с учётом простоты использования и доступности, обеспечивая всю необходимую функциональность для разработчиков API с минималистичным и ненавязчивым пользовательским интерфейсом.

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

#API #веб
👍23🔥2
DevToys — швейцарский армейский нож для разработчиков

Приложение помогает в таких повседневных задачах разработчиков, как форматирование JSON, сравнение текста, тестирование RegExp.

При этом используя DevToys, больше не нужно использовать множество сервисов для выполнения простых задач с вашими данными.

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

#веб #json #html
👍21😁1
Codeply — сервис, помогающий облегчить жизнь веб-разработчика

Он представляет из себя быстрый и бесплатный онлайн-редактор, включающий десятки фреймворков, стартовых шаблонов и более 50 000 фрагментов кода.

Codeplay может помочь создать адаптивные макеты с помощью Bootstrap. Он также имеет инструменты SemanticUI и CSS, которые важны для разработки интерфейса.

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

#веб #CSS
👍202
Bundlephobia — простой способ узнать о влиянии на производительность вашего приложения включения пакета npm

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

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

#npm #json #веб
👍10
Regexr — онлайн-сервис для проверки регулярных выражений

Главной особенностью инструмента является его способность работать прямо в браузере. Поддерживаемых языков два: JavaScript и PHP/PCRE.

Из интересного можно отметить, что Regexr умеет объяснять, что означает та или иная часть регулярного выражения.

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

#js #php #веб
👍12
Taiga — платформа управления проектами для agile-разработчиков

Также она будет полезна дизайнерам, менеджерам проектов и т.д

С помощью Taiga можно заниматься достаточно рутинными делами, используя для этого красивый инструмент, который ещё и облегчает выполнение задач

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

#agile #веб
👍12
DevHub — аналог TweetDeck, но для GitHub

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

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

#github #веб
👍8🥰1🥴1
Twine — очень удобный бесплатный движок для создания текстовых игр

При этом прототипы, которые были созданы в Twine, можно опубликовать в виде веб-приложений, написанных на JS, HTML и CSS

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

Есть как десктопная, так и веб-версия Twine

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

#игры #веб #open_source
👍15
DevKinsta — локальная среда разработки для WordPress

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

DevKinsta включает в себя множество инструментов для разработки, таких как локальный сервер, базу данных, SSL-сертификаты и многое другое

Есть также интеграция и с Kinsta — популярным хостинг-провайдером WordPress


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

#WordPress #веб
👍3
CodeSandbox — быстрый онлайн-редактор кода

Отличная площадка для разработчиков, облегчающая создание, тестирование и развёртывание приложений в облаке. Сэкономьте время и нервы с мгновенной отладкой и интеграцией с GitHub

Почему CodeSandbox? Благодаря встроенным шаблонам, библиотекам и интуитивно понятному интерфейсу, разработка становится проще и быстрее. Уникальные возможности сотрудничества делают его идеальным для команд

Также с его помощью можно значительно ускорить рабочий процесс: предустановленные окружения, автоматическое развёртывание на Vercel или Netlify и возможность подключения кастомных доменов

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

#code #веб #облако
👍4👎21👏1
Docsify — ещё никогда создать документацию не было так просто

Сервис позволяет превратить простой каталог с markdown-файлами в элегантный сайт с документацией

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

То есть да, больше не надо генерировать статические html-файлы — всё делается гораздо проще

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

#markdown #документация #веб
👍4👏1
This media is not supported in your browser
VIEW IN TELEGRAM
Perspective — API для модерации комментариев и обсуждений

Инструмент использует технологию машинного обучения для распознавания "токсичных" формулировок: оскорблений, угроз, домогательств. Набор триггеров выбирается самостоятельно. Каждый комментарий получает оценку по 100-балльной шкале, чем выше оценка — тем оскорбительнее комментарий. Это значительно упрощает модерацию — достаточно только отфильтровать обсценные высказывания и отклонить их. Со стороны пользователя предусмотрена сортировка по шкале оскорбительности, чтобы не сталкиваться с такими высказываниями. Инструмент также можно внедрить в поле написания комментария — тогда пользователь сразу будет знать оценку оскорбительности. 

Доступно для русского, английского, китайского, французского, немецкого и других языков. 

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

#API #веб @prgg_tools
👍11🙏1