Paper.js — библиотека для создания и работы с векторной графикой

Есть сразу два способа использования библиотеки: вы можете использовать PaperScript или привычный ванильный JavaScript

В свою очередь PaperScript — это тот же JavaScript, в который добавили поддержку математических операторов для объектов point и size

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

#js #web #open_source

CyberChef — веб-приложение для шифрования, кодирования, сжатия и анализа данных

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

Доступные операции отсортированы по группам. При этом понять логику распределения очень просто

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

#web #данные

Wappalyzer — инструмент для анализа технологий, используемых на интересующей вас веб-странице

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

Из прочих полезностей можно отметить возможность посмотреть несколько сайтов за раз, а также «проворные» API-интерфейсы Wappalyzer, обеспечивающие мгновенный доступ к технологиям веб-сайтов

Стоимость: #бесплатно (каждый месяц выдаётся 50 кредитов, но есть платная pro-подписка)

#web #api

Ultimate CSS Gradient Generator — мощный Photoshop-подобный CSS-редактор градиентов

Инструмент позволяет редактировать градиент так же, как это делается во всех современных графических редакторах (в том числе и в Photoshop)

Получившийся вариант можно использовать в своём проекте, вставив автоматически сгенерированный CSS-код

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

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

#css #браузер

CSS Reference — бесплатное визуальное руководство по CSS

В нём можно найти самые популярные свойства и объяснение их работы на иллюстрированных и анимированных примерах

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

#css #web

ColorZilla — усовершенствованная пипетка и подборщик цветов

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

Более того, инструмент позволяет проанализировать страницу и просмотреть палитру её цветов. Доступна для Firefox и Chrome

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

#расширение #цвета

Get Waves — создание SVG-волн ещё никогда не было таким простым

Можно настроить количество «волн», их форму и даже цвет. При этом всё делается буквально в пару кликов

А с недавних пор Get Waves отлично интегрирован в Figma, что сильно облегчит жизнь дизайнерам

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

#дизайн #svg #figma

DBDiagram — бесплатный и простой инструмент для построения диаграмм связей для баз данных

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

У приложения также есть достаточно тесная интеграция с веб-фреймворками, такими как Django, Rails и т.д

Стоимость: #бесплатно (но есть платная подписка)

#db #sql #базы_данных

DeployBot — веб-приложение для развёртывания кода в любом месте без лишних сложностей

С его помощью можно деплоить приложения из GitHub, Bitbucket или любого другого Git-репозитория на любую хостинг-платформу по выбору

При этом тех пользователей, у которых имеется необходимость в 100% пуленепробиваемом деплое (например, для сайтов с высоким трафиком), имеется поддержка атомарного развёртывания

Стоимость: от $25/мес

#web #github #деплой

HTML Cleaner — бесплатный улучшайзер HTML, CSS и JavaScript

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

Из прочих «плюшек» можно отметить конвертацию Word-документов в аккуратный HTML и любые другие визуальные документы. В том числе Excel, PDF, Google Docs и т.д

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

#web #html #css

RequestBin — современное хранилище запросов для проверки HTTP-событий

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

Каждое событие можно проверять в удобном для человека виде или через REST/SSE API

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

#http #web #запросы

P5.js — JavaScript-библиотека, ориентированная на творческий кодинг

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

Стоит отметить, что P5.js является бесплатным и имеет открытый исходный код!

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

#web #js #библиотека

Replit — мощный и простой онлайн-компилятор, IDE, интерпретатор и REPL

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

При этом в Replit также встроена совместная работа в реальном времени. Это позволяет работать над проектами совместно с другими людьми из любой точки мира, на любом устройстве

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

#web #ide #разработка

Git Branching — приложение, помогающее новичкам изучить важные концепции, лежащие в основе ветвления Git

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

Подсказка: чтобы увидеть все доступные команды, нужно написать и запустить show commands в терминале

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

#git #шпаргалка

Powtoon — онлайн-сервис для создания анимированных презентаций

Итоговый результат можно сохранить и как видеоролик, и как файл со слайдами для PowerPoint

Сама платформа англоязычная, но им достаточно удобно пользоваться даже с весьма средними знаниями языка

Стоимость: #бесплатно (но есть платная подписка)

#презентации #видео

SwaggerEditor — онлайн-редактор API OpenAPI в формате YAML прямо в браузере

Помимо этого, с помощью инструмента вы сможете просматривать документацию в режиме реального времени

Затем можно сгенерировать достоверные описания Swagger JSON и использовать их с полным инструментарием Swagger

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

#редактор #api

Big Text Generator — сделайте из обычного текста гигантский

Да, процесс настолько простой, каким кажется на первый взгляд. При этом есть несколько вариантов «шрифтов»

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

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

#текст #web

Frisby.js — пожалуй, самая простая платформа для тестирования REST API

Библиотека поставляется с множеством удобных встроенных обработчиков ожиданий. С их помощью можно легко протестировать HTTP-ответ вашего API

Но если встроенных обработчиков Frisby окажется недостаточно, или вы сможете определить свой собственный обработчик

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

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

#open_source #api #web

JSON Editor Online — веб-инструмент для просмотра, редактирования и форматирования JSON

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

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

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

#json #web

CodePen — онлайн-среда для тестирования и обмена фрагментами кода HTML, CSS и JavaScript

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

Стоимость: #бесплатно (но есть платная подписка)

#web #js #html

Insomnia — отлаживайте API как человек, а не как робот

С помощью оптимизированного клиента API вы сможете быстро и легко отправлять запросы REST, SOAP, GraphQL и GRPC непосредственно в Insomnia

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

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

#api #приложение