🛠 ContentTools — это мощная библиотека JavaScript, которая может преобразовать любую HTML-страницу в WYSIWYG-редактор. Существует полная документация по API с подробными примерами и пошаговыми руководствами, которые помогут вам ее настроить. Проект полностью основан на открытом исходном коде и предлагает поддержку IE 9+, Chrome и Firefox.

🌍 Сайт

Daily Coding #инструменты #JavaScript

🛠 Gpu.js - библиотека для запуска JavaScript-кода браузера на графическом процессоре. Она позволяет выполнять сложные вычисления намного быстрее, компилируя специально написанный JS-код на шейдерном языке, который может запускаться на графическом процессоре через WebGL. Если WebGL недоступен, функции возвращаются к обычному JavaScript.

🌍 Сайт

Daily Coding #инструменты #JavaScript

🛠 Headroom — легкий, не зависящий от пользователя JS-виджет, который показывает и скрывает навигационную панель страницы в зависимости от текущего положения прокрутки. Он предоставляет простое решение для создания адаптивных фиксированных заголовков, которые появляются, когда это необходимо, и скрываются, когда они мешают отображению контента.

🌍 Сайт

Daily Coding #инструменты #JavaScript

🛠 Pagemap — оригинальный плагин для JS добавляет мини-карту макета вашего веб-сайта рядом с полосой прокрутки, аналогично тому, что вы видите в редакторах кода, таких как VSCode. Очень полезно для веб-сайтов с документацией и других страниц с большим количеством текста.

🌍 Сайт

Daily Coding #инструменты #JavaScript

🛠 Curtains.jS - библиотека WebGL для анимации изображений и видео. Она использует HTML-элементы, содержащие изображения и видео, и преобразует их в трехмерные текстурированные плоскости WebGL, что позволяет анимировать их с помощью шейдеров. Она проста в использовании, но требует хорошего знания HTML, CSS и JavaScript.

🌍 Сайт

Daily Coding #инструменты #JavaScript

🛠 Hex Engine — современный 2D-движок для создания браузерных игр. Этот мощный инструментарий для разработки игр включает в себя движок рендеринга на основе Canvas, помощников по физике и звуку, поддержку геймпада, встроенные инструменты разработки и многое другое.

🌍 Сайт

Daily Coding #инструменты #JavaScript

🛠 Sal — отличная библиотека анимации little scroll, ориентированная на достижение максимально возможной производительности. Она создана с использованием только vanilla JS и без каких-либо внешних зависимостей, что стало возможным благодаря потрясающему веб-API Intersection Observer.

🌍 Сайт

Daily Coding #инструменты #JavaScript

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

🌍 Сайт

Daily Coding #инструменты #JavaScript

🛠 Driver.js — с помощью Driver.js вы можете выделять элементы на своей странице, чтобы привлечь внимание пользователей. Это удобная в использовании, чрезвычайно легкая и легко настраиваемая библиотека. Библиотека лицензирована MIT и хорошо работает во всех браузерах.

🌍 Сайт

Daily Coding #инструменты #JavaScript

🛠 OverlayScrollbars — библиотека JavaScript, которая изменяет внешний вид полос прокрутки, не изменяя поведения собственного браузера. Она предлагает хорошо документированный APU с множеством функций настройки, необязательную зависимость от jQuery и поддержку всех основных браузеров.

🌍 Сайт

Daily Coding #инструменты #JavaScript

🛠 Howler.js — это библиотека JavaScript для импорта аудио в Интернет. Она предлагает очень простой и понятный в использовании API, в котором есть все необходимое для реализации звука и управления им. Она поддерживает все доступные для браузера файлы, такие как MP3, MPEG, MP4 и многие другие. Он полностью модульный, не имеет зависимостей и отлично работает во всех браузерах.

🌍 Сайт

Daily Coding #инструменты #JavaScript

🛠 DisplayJS - крошечный фреймворк, который упрощает синхронизацию данных с DOM. Вместо того, чтобы вручную настраивать и обновлять содержимое страницы, с помощью Display JS вы можете просто сопоставлять переменные JavaScript с определенными элементами HTML, аналогично тому, как React или Vue.js обрабатывают шаблоны.

🌍 Сайт

Daily Coding #инструменты #JavaScript

🛠 Muuri — это библиотека JavaScript для создания потрясающих интерактивных сеточных макетов. Она работает, выбирая любое количество прямоугольных фрагментов и размещая их в адаптивной сетке, упорядочивая их наиболее экономичным способом. Затем эти плитки можно перемещать, сортировать и фильтровать, каждое действие вызывает красивую анимацию автоматического изменения порядка.

🌍 Сайт

Daily Coding #инструменты #Javascript

🛠 RunJS — приложение для macOS, которое позволяет быстро опробовать идеи JavaScript и поэкспериментировать с новыми библиотеками. Редактор может работать с вводными данными Babel и TypeScript, транслируя и выполняя код, что дает мгновенные результаты. Отлично подходит для съемки обучающих видеороликов.

🌍 Сайт

Daily Coding #инструменты #JavaScript

🛠 Rough.js — это облегченная библиотека на основе canvas, которую можно использовать для рисования фигур, как если бы они были нарисованы от руки. Она предлагает инструменты для рисования линий, кривых, дуг, многоугольников и других фигур. Библиотека также поддерживает создание контуров в формате SVG.

🌍 Сайт

Daily Coding #инструменты #JavaScript

🛠 Slate — это мощная платформа для создания текстовых редакторов, которые полностью настраиваются в соответствии с вашими потребностями. Это возможно благодаря архитектуре Slate, основанной на плагинах, которая позволяет вам свободно добавлять или удалять функции. Проект основан на East и Immutable.js, что упрощает разработку собственных плагинов для каждого.

🌍 Сайт

Daily Coding #инструменты #JavaScript

🛠 Scene.js — это библиотека анимации на основе временной шкалы с множеством потрясающих функций. Ее можно воспроизводить как на JS, так и на CSS, она поддерживает SVG-анимацию, несколько временных шкал и поставляется с предустановленными эффектами, которые вы можете использовать в готовом виде.

🌍 Сайт

Daily Coding #инструменты #JavaScript