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

One Day Offer в Яндекс для frontend-разработчиков 🔥 25 сентября пройдёт новый One Day Offer для фронтендеров. One Day Offer — это онлайн-встреча, на которой можно получить оффер за один день. Чтобы попасть на мероприятие, необходимо решить 2-3 задачи онлайн в системе Яндекс.Контест до 22 сентября. Это можно сделать в любое время — решение проверяет компьютер. Если задачи решены успешно — мы пригласим на One Day Offer, где в течение дня участники смогут пройти две секции с кодом и тем же вечером получить предложение о работе. Регистрация по ссылке: https://yandex.ru/promo/events/one-day-offer-250921/?from=tg_cpc_swebdev

AT-UI Библиотека AT-UI создана специально для настольных веб-приложений. При работе с ней применим техпроцесс, предусматривающий использование NPM, WebPack и Babel. Хотя документация к библиотеке может вызвать сложности у англоговорящей аудитории, она включает в себя достойную коллекцию простых и удобных компонентов для разработки интерфейсов. 👉 @sWebDev

Bulma Bulma - это современный фреймворк, который использует самые современные технологии. В первую очередь, это технологии верстки колонок с помощью так называемых Flexbox. Верстая веб-страницы на Bulma вы создаете 100% адаптивные страницы под мобильные устройства. Используя имена классов вы можете легко верстать колонки и забыть про различные сетки, float и.т.д. Bulma имеет имена классов, которые очень легко читаются и запоминаются. Например, так можно создать колонки. <div class="columns"> <div class="column"> First column </div> <div class="column"> Second column </div> </div> 👉 @sWebDev

Как люди становятся бедными 90% людей не умеют пользоваться деньгами. Большинство несет свои сбережения в банк, а это прямой путь к бедности, потому что цены в стране растут быстрее, чем проценты в банке. Богатые поступают по-другому: часть прибыли они всегда инвестирует и получают 20-30-40-50% годовых, с каждым годом умножая доход. • Инвестору не нужно вкалывать на работе или в бизнесе. • Чтобы стать инвестором, достаточно $15 свободных денег. • При правильном подходе риски минимальны. Но почему большинство не инвестирует? Главная причина — не хватает знаний, как правильно это делать. Боятся прогореть. Подписывайтесь на канал Лимон на чай. Автор канала — инвестор-практик. Простыми словами рассказывает начинающим про инвестирование, говорит о конкретных шагах и фишках, проверенных собственным опытом. Максимум сути и минимум бесполезной теории. Подписывайтесь, чтобы стать богаче: @lemonfortea

Научись зарабатывать на искусственном интеллекте! За 3 дня ты легко создашь 9 разных нейросетей способных: ◾️ Вычислять курс акций. ◾️ Определять стоимости квартиры. ◾️ Распознавать возгорания и многое другое!  Увлекательная практика и никакой скучной теории! ◾️ Узнаешь, как применять искусственный интеллект в твоей работе. ◾️ Убедись, что искусственный интеллект - это легко и увлекательно! ◾️ Живые занятия и общение с ведущими кураторами. — Каждый участник получит сертификат! — Возьмем на стажировку в наш университет. — Гарантируем трудоустройство. Записывайся на практикум прямо сейчас, переходи по ссылке ➡️ https://clck.ru/XGdbS

ContentTools Это библиотека позволяет реализовать текстовый редактор на HTML странице. 👉 @sWebDev

ToastUI Chart Это одна из JavaScript библиотек для визуализации данных. Помогает строить красивые диаграммы, поддерживает множество типов различных графиков, проста в использовании и легко кастомизируется. ToastUI Chart поддерживает множество браузеров, включая IE8. 👉 @sWebDev

DynCSS Коллекция разнообразных CSS-спиннеров для вашего сайта. 👉 @sWebDev

FilePond JavaScript библиотека для загрузки файлов любого типа. Файлы можно перетаскивать, копировать и вставлять из буфера обмена, кидать в виде ссылок на внешние источники. Библиотека имеет встроенные инструменты для сжатия и обрезки изображений. 👉 @sWebDev

Tabler Компонентная панель администратора с открытым кодом, созданная на Bootstrap 4. Абсолютно адаптивная, легко встраивается в проект, поддерживает все соглашения по коду от Bootstrap. 👉 @sWebDev

One page scroll Этот плагин реализует прокрутку между полноэкранными страницами. 👉 @sWebDev

Персональная рассылка IT-вакансий под твою ЗП и график. Подписывайся! @masterhubot

Material Design Icons Простой, красивый и современный набор иконок от Google. Содержит более 900 иконок, которые можно кастомизировать через CSS. Иконки векторные, так что будут хорошо смотреться на всех разрешениях и типах экранов. 👉 @sWebDev

Dragdealer.js Библиотека с множеством крутых эффектов для Drag & Drop. 👉 @sWebDev

TensorFlow.js Открытая библиотека для определения, тренировки и развертывания моделей машинного обучения в браузере. Позволяет строить нейронные сети с нуля, используя высокоуровневое API, умеет импортировать переобучать и запускать существующие нейронные сети. Поддерживает WebGL и умеет подключать к работе вычислительные мощности видеокарты. 👉 @sWebDev

Modernizr Это JavaScript библиотека, определяющая наличие поддержки разных возможностей HTML5 и CSS3. Пример использования: if (Modernizr.awesomeNewFeature) { showOffAwesomeNewFeature(); } else { getTheOldLameExperience(); } 👉 @sWebDev

Quasar Framework Концепция Quasar Framework заключается в том, чтобы предоставить всеобъемлющий набор компонентов, используемых для создания современных приложений… от простых базовых компонентов, таких как dialogs, buttons, inputs, tabs, panels, tooltips, toolbars, badges, date pickers, color pickers, icon pickers, cards, avatars, banners, tooltips, spinners и многое другое… вплоть до гораздо более сложных компонентов, таких как окна сообщений чата, графики активности, таблицы данных, календари, видеоплееры, редакторы wysiwyg, всплывающие панели, панели лент… и многое другое … 👉 @sWebDev

vux Это коллекция из более чем 78 UI-компонентов, созданных по принципу mobile-first для веб-приложений, написанных на vue.js 👉 @sWebDev

Vuestrap Базовые компоненты Vuestrap расширяют Bootstrap 4. Построен с использованием Bootstrap, простого Vue.js и Webpack. 👉 @sWebDev

react-threesixty React 360 помогает создать завораживающие VR-штуки с помощью React, которые распространяются на настольные компьютеры, мобильные и VR-устройства. Отличительные особенности: упрощает создание сложных пользовательских интерфейсов 360 и VR. 👉 @sWebDev