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

🌍 Сайт

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

🛠 MoveTo - облегченная (всего 1 КБ в сжатом виде) библиотека javascript для анимации прокрутки без каких-либо зависимостей.

🌍 Сайт

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

🛠 Velocity - это движок анимации на JavaScript, который сочетает в себе хорошо известный API для jquery animate() с чисто CSS-анимацией для обеспечения быстрых, надежных и простых в использовании переходов. Если вы используете jQuery только для анимации элементов, вы можете легко переключиться на Velocity для повышения производительности.

🌍 Сайт

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

🛠 Vivus - небольшая библиотека JavaScript для анимации SVG-файлов, как будто они нарисованы от руки. Она имеет множество вариантов стиля анимации и даже дает разработчикам возможность создавать свои собственные. Vivus вдохновлен этой потрясающей статьей Codrops, в ней есть несколько захватывающих демонстраций, ознакомьтесь с ними!

🌍 Сайт

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

🛠 Bricklayer - библиотека JavaScript для создания каскадных сеток, подобных Pinterest. Работать с Bricklayer совсем не сложно, и очень скоро у вас будет надежный, адаптивный макет. Он также не имеет внешних зависимостей, что позволяет очень легко интегрировать его с Angular, React или любым другим крупным фреймворком.

🌍 Сайт

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

🛠 Premonish - классная библиотека определяет положение и скорость перемещения курсора и пытается предсказать, с каким элементом DOM пользователь будет взаимодействовать следующим. Хотя Premonish и не отличается высокой точностью, с ним действительно интересно играть, благодаря его простому API, который позволяет настроить его в кратчайшие сроки.

🌍 Сайт

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

🛠 Lava lamp - это JS-плагин, который предлагает отличную альтернативу бесконечной прокрутке. Вместо автоматической загрузки нового контента вы можете добавить кнопки вверху и внизу страницы для загрузки предыдущих или следующих элементов.

🌍 Сайт

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

🛠 Siema - это JavaScript-плагин для карусели размером 1 кбайт, не имеющий зависимостей и стилей. Это делает его чрезвычайно простым в настройке, поскольку практически ничто не мешает. Сам эффект карусели очень плавный, а виджет поддерживает сенсорные жесты.

🌍 Сайт

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

🛠 Words To Numbers - это интересная библиотека JavaScript для распознавания и преобразования слов в числа. Если переданная строка является числом, она возвращает его числовое значение, в противном случае возвращается исходная строка с заменой всех экземпляров чисел. Существует необязательное нечеткое сопоставление текста, которое использует расстояние Jaro для поиска наилучшего соответствия, даже если где-то в строке есть опечатка.

🌍 Сайт

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

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

🌍 Сайт

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

🛠 Popper - это библиотека JavaScript для добавления всплывающих подсказок к элементам HTML. Она предлагает большое количество вариантов настройки и является полностью модульной с отдельными плагинами для каждой функции. Popper действительно небольшого размера, не имеет абсолютно никаких зависимостей и очень проста в использовании. Он используется такими компаниями, как Twitter в Bootstrap 4, Microsoft в Web Clipper и Atlassian в AtlasKit.

🌍 Сайт

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

🛠 В наши дни мы видим, что все больше и больше веб-сайтов используют полноэкранный эффект слайда, когда одно нажатие на колесо прокрутки изменяет всю страницу целиком. Если вы не слишком ориентированы на самостоятельную работу, FullPage.js является идеальным инструментом для реализации такой функциональности - она проста в использовании, содержит подробные документы и обеспечивает отличную поддержку браузера.

🌍 Сайт

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