Здесь вы можете найти список бесплатных полезных онлайн-инструментов для разработчиков, которые помогают им в их повседневной работе.
Как и у любого разработчика у вас есть некоторые задачи, о которых следует позаботиться. Например, такие задачи, как быстрая компиляция, запуск и тестирование строки кода, форматирование кода, преобразование некоторого кода или его экспорт в виде изображения, редактирование или преобразование изображения и многие другие подобные задачи.
Мы собрали список из 40 бесплатных онлайн-инструментов, которыми будут полезны как backend, так и frontend разработчикам.
Компиляторы кода
Компиляторы используются для быстрой компиляции вашего кода и его запуска для просмотра результатов. Они довольно полезны, когда вам необходимо быстро протестировать какой-то фрагмент кода, но вы не хотите открывать новое окно IDE для этого.
DotNetFiddle

Используя DotNetFiddle, вы можете быстро скомпилировать и запустить код C#, F# и VB.NET.
JSFiddle

Используя JSFiddle, вы можете быстро скомпилировать и запустить код JavaScript. Этот компилятор поддерживает множество фреймворков JavaScript, таких как vanilla JavaScript, CoffeeScript, Babel, TypeScript, Vue, React и другие.
OnlineGDB

OnlineGDB – это онлайн-компилятор и онлайн-отладчик для C, C++, Python, PHP, Ruby, C#, VB, Perl, Swift, Prolog, Javascript, Pascal, Bash и многих других языков.
IdeOne

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

Облачная версия Visual Studio Code от Microsoft
Инструменты форматирования кода
Инструменты форматирования кода используются для быстрого форматирования кода в презентабельный вид, где стоят все пробелы, соблюдены все отступы и другие элементы.
JSONLint

JSONLint – это инструмент для проверки и форматирования для JSON, облегченного формата обмена данными. Просто скопируйте и вставьте код, наберите или введите URL-адрес в редакторе выше и позвольте JSONLint проверить и привести в порядок ваш бардак в коде JSON.
SAML Developer Tools

SAML Developer Tools – это набор инструментов, в основе которых лежит язык разметки утверждений безопасности (SAML - Security Assertion Markup Language). Это основанный на XML формат данных открытого стандарта для обмена данными аутентификации и авторизации между сторонами, в частности, между поставщиком удостоверений и поставщиком услуг.
Web Formatter

Используя Web Formatter, вы можете отформатировать код HTML, XML, CSS, JavaScript, PHP и JSON в несколько простых шагов. Вставьте свой код в текстовое поле, выберите необходимый шаг табуляции и нажмите кнопку форматирования.
Code Beautify

Code Beautify – это отличный набор различных инструментов для разработчиков, который включает в себя компиляторы, средства форматирования, преобразователи и т.д. Я определенно рекомендую иметь его у себя в арсенале.
Swagger Editor

Swagger Editor позволяет редактировать спецификации API Swagger в YAML прямо в браузере и просматривать документацию в режиме реального времени.
SQLime

SQLime — это онлайн-площадка SQLite для отладки и обмена фрагментами SQL.
TablesGenerator

TablesGenerator - Генератор таблиц для LaTeX, HTML, Markdown, MediaWiki и простого текста.
JWT Debugger

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

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

Hilite преобразует ваши фрагменты кода в красивый печатный формат HTML, который легко встраивается в записи блога, электронные письма и веб-сайты. Просто скопируйте исходный код в левое окошко, выберите язык и цветовую гамму и нажмите «Highlight!». HTML из правого окошка теперь можно вставить в свой блог или электронное письмо, никаких внешних файлов CSS или JavaScript не требуется.
QuickType

Используя QuickType, вы можете преобразовать любой объект JSON в объект на предпочтительном вам языке.
HTML Encoder

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

Используя HTML Decoder, вы можете декодировать текст или файл, закодированный в формат HTML, при помощи только вашего браузера. Просмотрите декодированный текст или загрузите его в виде файла.
URL Encoder/Decoder

Используя URL Encoder/Decoder, вы можете кодировать или декодировать URL.
Base64 Encode

Base64 Encode позволяет кодировать в формат Base64 или декодируйте из него с помощью различных дополнительных параметров.
Hash Online Tools

Получиайте значения хеша различных типов (SHA256, MD5 и тд) при помощи Hash Online Tools
PineTools

PineTools позволяет форматировать текст - изменять регистр, удалять дубликаты и пустые строки, добавлять текст в конец строки, менять табы на пробелы (и наоборот) и многое другое.
Графические редакторы
Графические редакторы используются для внесения некоторых правок в изображения или даже для создания изображения с нуля. Некоторые из этих инструментов довольно сложны, поскольку предоставляют множество профессиональных инструментов и возможностей на уровне экспертных инструментов, таких как Photoshop.
PhotoPea

Если совсем просто, то если вы знакомы с Photoshop, то и PhotoPea вам понравится.
Pixlr

Pixlr – это инструмент №1 для редактирования и дизайна изображений. Вы можете бесплатно редактировать фотографии и создавать потрясающие дизайны прямо в браузере, на телефоне или компьютере. Можно начать с абсолютно пустого холста, какой-то фотографии или видео, а можно выбрать один из профессионально созданных шаблонов.
Lunapic

Lunapic – один из лучших онлайн-редакторов изображений, которые я когда-либо видел. Вы можете наслаждаться большим набором инструментов и функций, которые помогут вам облегчить вашу работу.
Средства для изменения размера изображений и преобразователи изображений
Средства для изменения размера изображений используются для изменения размера изображений без снижения его разрешения и качества. Некоторые из этих инструментов позволяют сохранять прозрачный фон без замены его сплошным цветом. Также в этом разделе конверторы изображений из одного формата в другой.
ResizePng

ResizePng – это самый простой в мире онлайн-инструмент для изменения размера изображений в формате Portable Network Graphics (PNG). Просто импортируйте файл PNG в редактор слева, и вы мгновенно получите PNG-изображение нового размера справа. Бесплатно, быстро и очень мощно.
ResizeImage

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

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

Regex101 – отличный инструмент, который поможет вам создать регулярное выражение и проверить его на соответствие тестовым входным данным. Помимо этого, он выполняет еще и обучающую функцию, он предоставляет вам анализ регулярного выражения, разбивая его на части и объясняя каждую его часть.
Markup Validation Service

Markup Validation Service проверяет правильность разметки веб-документов в форматах HTML, XHTML, SMIL, MathML и т.д. Если вам необходимо проверить что-то специфическое, например, каналы RSS/Atom или таблицы стилей CSS, содержимое MobileOK, или найти неработающие ссылки, то для этих целей существуют другие доступные средства проверки достоверности. В качестве альтернативы вы также можете попробовать наше средство проверки достоверности, основанное не на DTD.
PingDom

PingDom поможет вам проанализировать скорость загрузки вашего сайта. Тест разработан таким образом, чтобы можно было определить, что на веб-странице является быстрым, что медленным, а что слишком большим и т.д. Это поможет сделать ваш сайт более быстрым. Если кратко, то это простой в использовании инструмент, созданный для того, чтобы помочь администраторам и веб-разработчикам по всему миру оптимизировать производительность своих веб-сайтов.
Minifier

Minifier удаляет пробелы, комментарии, объединяет файлы и оптимизирует/сокращает несколько схожих программных шаблонов. Он в своем арсенале имеет огромный набор тестов.
Online UUID Generator

Online UUID Generator генерирует случайный UUID
Caniuse

Caniuse показывает поддержу HTML/CSS/JS функционала в различных браузерах.
ReqBin

ReqBin - это онлайн-инструмент тестирования API для REST и SOAP API.
Piesocket Websocket Tester

С помощью инструмента Piesocket вы можете протестировать любой сервер WebSocket.
SEO translit

SEO Транслит переводит URL веб-адрес страницы в удобный для восприятия транслит по всем правилам Яндекса и Google.
Diagrams.net

diagrams.net (ранее draw.io) — бесплатное онлайн-программное обеспечение для создания диаграмм.
Any API

Any API содержит документацию и тестовые консоли для более чем 1400 общедоступных API
CSS3 Generator

CSS3 Generator поможет вам быстро создать сложные свойства, такие как box-shadow, градиенты, переходы и многое другое. Кроме того, для каждого свойства он предоставит информацию о поддержке свойства браузером.