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

🌍 Сайт

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

🛠 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