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

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

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

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

#js #web #open_source

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

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

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

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

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

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

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

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

#web #js #html

Van11y — набор доступных скриптов, выполненных на ES2015

Коллекция состоит из настраиваемых, доступных скриптов, в которые входят такие часто используемые «куски» пользовательского интерфейса, как аккордеон, панель вкладок, карусель, всплывающие подсказки, модалы и т.д

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

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

#web #js

Turborepo — высокопроизводительная система сборки для JavaScript- и TypeScript-репозиториев

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

Так, Turborepo помогает избегать дублирования кода в базе, смотрит на содержимое имеющихся файлов и отношения между ними и даёт понять, что ещё нужно построить

Система позволяет работать как одному, так и с командой

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

#web #js

JSHint — сервис для обнаружения ошибок и потенциальных проблем в JS-коде

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

Настроить JSHint можно в любой среде, которую вы планируете использовать для выполнения вашего кода

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

#js #помощь

JS Bin — платформа для изучающих ванильный JS, HTML и CSS

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

В JS Bin встроено множество функций. При этом по словам самих разработчиков, их цель — стать частью цепочки инструментов разработчиков для решения проблем, изучения технологий и обучения

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

#js #web #обучение

PrivJs — покупка и продажа премиальных javascript-пакетов

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

При этом PrivJs также поможет развернуть свои приватные пакеты в CI/CD-средах, таких как Netlify, Vercel, Travis CI и т.д

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

#js #npm

Medusa — инструмент, позволяющий раскрыть весь потенциал вашего интернет-магазина

Платформа разработана для повышения производительности и гибкости вашего проекта

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

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

#js #open_source

Mirror Button — кнопка для вашего сайта с отражением пользователя

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

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

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

#web #HTML #JS