🛠 Iconate - библиотека vanilla JavaScript, которая позволяет вам преобразовывать одну иконку в другую по щелчку мыши с помощью различных плавных анимаций. Iconate работает со всеми шрифтами иконок CSS - просто добавьте иконку в свой HTML-код и используйте простой JavaScript API, чтобы выбрать, во что ее преобразовать и какую из более чем 15 анимаций использовать.

🌍 Сайт

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

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

🌍 Сайт

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

🛠 Sugar - модульная библиотека для работы с нативными объектами JavaScript, расширения их прототипов и предоставления разработчикам возможности применять различные полезные функции непосредственно к переменным JS. Методы Sugar используются для самых разных целей, начиная от элементарной математики и заканчивая форматированием даты и проверкой типов.

🌍 Сайт

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

🛠 MenuSpy позволяет отслеживать, какой раздел веб-страницы виден, и отображать это в навигационном меню. В нем нет никаких настроек оформления, только JavaScript API для добавления / удаления классов. Однако есть пара интересных демонстраций, которые вы можете скопировать.

🌍 Сайт

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

🛠 Sugar - модульная библиотека для работы с нативными объектами JavaScript, расширения их прототипов и предоставления разработчикам возможности применять различные полезные функции непосредственно к переменным JS. Методы Sugar используются для самых разных целей, начиная от элементарной математики и заканчивая форматированием даты и проверкой типов.

🌍 Сайт

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

🛠 Reframe - JavaScript-плагин, который делает unresponsive элементы адаптивными. Рефрейминг особенно полезен для элементов <iframe> и <video>, поскольку сохраняет их первоначальное соотношение сторон. Как и большинство современных библиотек, эта не полагается на jQuery, но может работать с $('selectors'), если она включена в страницу.

🌍 Сайт

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

🛠 PulltoRefresh - библиотека JavaScript для добавления плавных эффектов обновления в ваши мобильные веб-приложения. Она не требует каких-либо внешних зависимостей и не добавляет никакой дополнительной HTML-разметки, вам просто нужно использовать простой JavaScript API и настроить его так, как вам нравится.

🌍 Сайт

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

🛠 Load JS - это небольшая библиотека для асинхронной загрузки зависимостей CSS и JavaScript. Она позволяет параллельно загружать несколько ресурсов и предоставляет простой синтаксис обратного вызова для выполнения кода после завершения загрузки. При уменьшении и архивировании всего 710 байт.

🌍 Сайт

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

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

🌍 Сайт

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

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

🌍 Сайт

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

🛠 С помощью Turntable.js вы можете без особых усилий создавать крутые вращающиеся демонстрации 3D-объектов, помещая большое количество изображений в ползунок при наведении курсора мыши. Это позволяет пользователям быстро просматривать весь набор фотографий, создавая эффект флипбука и демонстрируя продукт со всех сторон.

🌍 Сайт

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

🛠 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