🛠 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

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

🌍 Сайт

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

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

🌍 Сайт

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

🛠 Anime.js - это небольшая библиотека анимации на JavaScript, которая работает с любыми свойствами и преобразованиями CSS, а также с атрибутами SVG или DOM. Она предлагает огромное количество настроек, например, объединение в цепочку и синхронизацию нескольких анимаций, воспроизведение, приостановку и перезапуск анимации и многое другое.

🌍 Сайт

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

🛠 LayerJS — простой фреймворк с открытым исходным кодом для создания шаблонов пользовательского интерфейса, таких как меню, слайдеры, лайтбоксы и многое другое. Он имеет размер всего 30 КБ, не имеет зависимостей и полностью адаптивен. Более того, Layers поддерживает направленные касания и жесты сенсорной панели для запуска переходов.

🌍 Сайт

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

🛠 fuzzysort - библиотека JavaScript для создания интерфейсов нечеткого поиска, аналогичных тем, которые вы можете найти в текстовых редакторах, таких как Sublime Text. Она позволяет пользователям находить то, что они ищут, даже если они допустили опечатку. Библиотека вычисляет оценку для каждой записи в зависимости от того, насколько она соответствует поисковому запросу.

🌍 Сайт

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

🛠 С Clarify JS вы можете легко создавать связанные методы, которые могут выполняться в любом порядке, который вы хотите. Обычно методы javascript выполняются слева направо, ClarifyJS позволяет изменять порядок их выполнения. Это также позволяет управлять асинхронными методами, выбирая, должен ли процесс ожидать завершения определенного асинхронного метода или просто выполнить и двигаться дальше.

🌍 Сайт

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

🛠 Mark.js - библиотека JavaScript, которая динамически выделяет слова, соответствующие заданным условиям поиска или регулярным выражениям. В нее встроена поддержка диакритических знаков, поиск по отдельным словам, пользовательские синонимы, поддержка iframes, пользовательские фильтры и многое другое. Может использоваться с обычным JavaScript или в качестве плагина для jQuery.

🌍 Сайт

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