Frontender Libs - обзор библиотек JS / CSS
8.48K subscribers
2.01K photos
728 videos
1 file
235 links
Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront

Менеджер по рекламе: @Spiral_Yuri

Купить рекламу: https://telega.in/c/sWebDev
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
vue-datepicker

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

👉 @sWebDev
This media is not supported in your browser
VIEW IN TELEGRAM
Anime.js

Анимация и микровзаимодействия сейчас в тренде. Anime.js добавит на сайт немного движения. Библиотека работает с CSS, SVG, атрибутами DOM и объектами JavaScript, что делает ее идеальной практически для любого проекта.

👉 @sWebDev
This media is not supported in your browser
VIEW IN TELEGRAM
Bideo.js

Полноэкранные видео служат отличным фоном для сайта. Bideo.js – библиотека JavaScript для добавления видеофона, который хорошо смотрится на экране любого размера и плавно масштабируется.

👉 @sWebDev
This media is not supported in your browser
VIEW IN TELEGRAM
Granim.js

Украсьте фон своего сайта красочным градиентом с помощью Granim.js. Эта небольшая библиотека JavaScript идеально подходит для добавления плавных и интерактивных градиентов. Их можно использовать независимо от других элементов, можно также закрыть ими изображение или разместить их под графической маской.

👉 @sWebDev
This media is not supported in your browser
VIEW IN TELEGRAM
Choreographer-js

Choreographer-js – простая библиотека JavaScript для анимации CSS. Ее легко использовать, и она действительно поможет вам создать для сайта сложную CSS-анимацию.

👉 @sWebDev
This media is not supported in your browser
VIEW IN TELEGRAM
Multiple.js

Если вы занимаетесь созданием интересных фоновых изображений, обязательно стоит попробовать Multiple.js. Библиотека позволяет использовать фоновое изображение для нескольких элементов с помощью CSS, что создает действительно интересный визуальный эффект. На сайте разработчиков доступна демонстрация возможностей продукта.

👉 @sWebDev
Popper.js

Эта библиотека JavaScript поможет вам создать на сайте красивые попперы. Если вам интересно, что такое поппер, вспомните коммиксы. Когда герой о чем-то думает, из его головы вырывается маленький пузырь мыслей. Popper.js предлагает несколько способов упорядочить эти мысли, привязать к элементам и обеспечить их работу на экране любого размера.

👉 @sWebDev
Cleave.js

Вы когда-нибудь использовали поле формы, которое бы форматировало контент во время набора текста? Например, чтобы превратить 1234567890 в номер телефона с международным кодом: (123) 456-7890. Cleave.js – библиотека JavaScript, позволяющая добавить на сайт подобные функции.

👉 @sWebDev
This media is not supported in your browser
VIEW IN TELEGRAM
Premonish

Premonish – библиотека JavaScript, которая анализирует движение курсора и предсказывает, с каким элементом пользователь будет взаимодействовать дальше. Это позволяет применить на сайте интересные триггеры анимации и помогает выделить некоторые призывы к действию.

👉 @sWebDev
Glimmer

Отличная библиотека, которая помогает при работе с компонентами пользовательского интерфейса и отрисовкой DOM. Она построена на базе Ember CLI и использует Git, Node.js, npm и Yarn. Если вы ищете инструмент для создания компонентов и хотите оптимизировать процесс работы с ними, обратите внимание на Glimmer.

👉 @sWebDev
This media is not supported in your browser
VIEW IN TELEGRAM
Slick

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

👉 @sWebDev
Taffy DB

Taffy DB — небольшая библиотека, которая реализует почти полноценную базу данных полностью на JavaScript. Предназначена она, как думаю, уже понятно, для хранения любых типов данных (в том числе и обьектов, передаваемых в виде JSON), обеспечивает парадигму CRUD, что и позволяет отнести библиотеку к специализированным базам данных, а также предоставляет расширенные функции поиска, фильтрации и сортировки данных. Taffy DB значительно расширяет список доступных операций над коллекциями данных, упрощает вставку, выборку, обновление и удаление данных, поддерживает сортировку в различных форматах (традиционную для SQL DESC/ASC, в том числе и по нескольких полях сразу)

👉 @sWebDev
This media is not supported in your browser
VIEW IN TELEGRAM
TweenJS

Эта часть пакета CreateJS невероятно эффективна для создания анимации на HTML и JavaScript.

👉 @sWebDev
Shave

Используя заданную максимальную высоту, этот плагин JavaScript обрезает оставшийся текст, чтобы он поместился в элементе HTML. При этом текст сохраняется в скрытом элементе <span>, т.е. вы его не потеряете.

👉 @sWebDev
StencilJS

Stencil сочетает лучшие концепции самых популярных интерфейсных фреймворков для создания веб-компонентов, которые работают в любом современном браузере. Это просто, быстро и надежно.

👉 @sWebDev
This media is not supported in your browser
VIEW IN TELEGRAM
Overlay Scrollbars

Плагин JavaScript, который скрывает собственные полосы прокрутки, заменяя их версиями с индивидуальным стилем.

👉 @sWebDev
This media is not supported in your browser
VIEW IN TELEGRAM
iziModal

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

CopperLicht - это JavaScript-библиотека с открытым исходным кодом для создания игр и интерактивных 3D-приложений с использованием WebGL , разработанная Ambiera . [3] Цель библиотеки - предоставить API для облегчения разработки 3D-контента для Интернета. Предполагается, что он будет использоваться вместе с коммерческим редактором 3D мира CopperCube , но также может использоваться без него.

👉 @sWebDev
Microlight.js

Это облегченная библиотека подсветки кода для любого языка программирования, которая значительно улучшает его читаемость.

👉 @sWebDev
👍1
This media is not supported in your browser
VIEW IN TELEGRAM
Parallax.js

Parallax.js реагирует на ориентацию вашего cмартфона, смещая слои в зависимости от их глубины в сцене. А если вы используете не смартфон, то parallax.js вместо этого будет учитывать позицию вашего курсора.

👉 @sWebDev