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

Datalib Datalib — это библиотека для работы с данными. Она включает в себя средства для загрузки данных, ведения статистики и использования шаблонов строк. Хотя изначально библиотека разрабатывалась для движка Vega и связанных с ним проектов, datalib – это полноценная независимая библиотека. Ее можно использовать для создания приложений для управления данными как на стороне клиента (в браузере), так и сервера (например, в связке с node.js).

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

SVG.JS Библиотека используется для работы с SVG, в стандартном JS, она упрощает работу с SVG, не теряя в производительности, плюсом также является то, что библиотека простая и крайне быстрая. SVG.js предоставляет более краткий и легко читаемый синтаксис. const draw = SVG('drawing') const rect = draw.rect(100, 100).fill('#f06')

Video.js Данная библиотека предназначена для работы с видео и аудио. Ее главное преимущество заключается в продвинутом плеере, который гораздо лучше стандартного браузерного.

Socket io Эта библиотека нужна для работы с WebSocket. Пример использования // Подключаем блок для вывода текста let text = document.getElementById("text") // Подключаемся к серверу let socket = io('http://localhost:3000'); // Отслеживаем подключение socket.on('connect', function () { // Выводим сообщение подключение text.innerHTML = "Подключение прошло успешно<br>" // Отслеживание сообщения от сервера со заголовком 'hello' socket.on('hello', function (data) { // Выводим сообщение от сервера text.innerHTML += "Сервер: " + data + "<br>" }); });

Peppermint.js Библиотека Peppermint.js нужна для создания слайдов, она позволяет сделать его для тач устройств, с нуля это сделать достаточно сложно, поэтому если вам нужен слайдер для мобильных устройств, вам нужна эта библиотека.

Mousetrap.js: Эта библиотека нужна чтобы создавать действия при нажатие различных комбинации клавиш, что бывает очень полезно при создание функционального web-приложения, например текстового редактора или разработке приложение для ПК на JS. Пример назначения клавиш: Mousetrap.bind('4', function() { console.log('4'); }); Mousetrap.bind("?", function() { console.log('show shortcuts!'); }); Mousetrap.bind('esc', function() { console.log('escape'); }, 'keyup'); 👉 @sWebDev

А ты знаешь, что на GitHub очень много крутых проектов? Канал с подборками интересных проектов c GitHub - https://t.me/opensourcefuture. Подписывайся @opensourcefuture - копилка проектов пополняется каждый день.

melonJS Это игровой движок для 2D-игр. Подключая эту библиотеку к своему коду, вы получаете доступ ко всем фичам, таким как поддержка физики, столкновения, спрайты и другие, важные в действительно стоящих играх. Хотя документация может быть не самой лучшей из имеющихся, вокруг продукта создано много юзер-контента, помогающего понять, что вам делать. 👉 @sWebDev

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

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. В общем, подписывайтесь, рекомендую)