Frontender Libs - обзор библиотек JS / CSS

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

Команда разработчиков Google создала канал по IT-обучению Даже самый ленивый может легко и быстро выучить front-end с нуля. Лайфхаки, фичи, фрагменты работы и советы для новичков — все в одном месте. Один канал вместо репетиторов и курсов за 1000$ @frontend_mind

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

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

Каждый день во фронтенде происходит что-то новое. Как не пропустить всё самое интересное? Подписывайтесь на канал «Будни верстальщика». Скрытые фишки, шпаргалки на каждый день, свежие баги браузеров и статьи от опытных разработчиков. Всё, что нужно.

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

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

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

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

Всем привет, недавно наткнулся на крутой канал @smart_dev. Ребята публикуют свежие новости мира веб разработки, авторские статьи и переводы. Также у ребят есть чат в котором разбираются задачи из собеседований и помогают с решением проблем в работе @smart_dev_chat. В общем, подписывайтесь, рекомендую)

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

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

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

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

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

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

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

IT Верстальщик - канал про верстку и бэкенд в телеграм. Этот канал для тебя, если ты: - учишь верстку и языки программирования - работаешь верстальщиком/фронтом - хочешь выйти на фриланс - интересуешься бэкендом - работаешь бэком, но хочешь быть в курсе последних тенденций в верстке и на фронте в целом

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

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