Frontender Libs - обзор библиотек JS / CSS
8.46K subscribers
2.02K photos
735 videos
2 files
239 links
Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront

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

Купить рекламу: https://telega.in/c/sWebDev
Download Telegram
react-threesixty

React 360 помогает создать завораживающие VR-штуки с помощью React, которые распространяются на настольные компьютеры, мобильные и VR-устройства.

Отличительные особенности:
упрощает создание сложных пользовательских интерфейсов 360 и VR.

👉 @sWebDev
Vuestrap

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

👉 @sWebDev
vux

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

👉 @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
Modernizr

Это JavaScript библиотека, определяющая наличие поддержки разных возможностей HTML5 и CSS3.

Пример использования:
if (Modernizr.awesomeNewFeature) {
showOffAwesomeNewFeature();
} else {
getTheOldLameExperience();
}

👉 @sWebDev
TensorFlow.js

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

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

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

👉 @sWebDev
Material Design Icons

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

👉 @sWebDev
This media is not supported in your browser
VIEW IN TELEGRAM
One page scroll

Этот плагин реализует прокрутку между полноэкранными страницами.

👉 @sWebDev
Tabler

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

👉 @sWebDev
FilePond

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

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

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

👉 @sWebDev
ToastUI Chart

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

👉 @sWebDev
ContentTools

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

👉 @sWebDev
Научись зарабатывать на искусственном интеллекте!

За 3 дня ты легко создашь 9 разных нейросетей способных:

◾️ Вычислять курс акций.

◾️ Определять стоимости квартиры.

◾️ Распознавать возгорания и многое другое! 

Увлекательная практика и никакой скучной теории!

◾️ Узнаешь, как применять искусственный интеллект в твоей работе.

◾️ Убедись, что искусственный интеллект - это легко и увлекательно!

◾️ Живые занятия и общение с ведущими кураторами.

— Каждый участник получит сертификат!

— Возьмем на стажировку в наш университет.

— Гарантируем трудоустройство.

Записывайся на практикум прямо сейчас, переходи по ссылке ➡️ https://clck.ru/XGdbS
Bulma

Bulma - это современный фреймворк, который использует самые современные технологии. В первую очередь, это технологии верстки колонок с помощью так называемых Flexbox.
Верстая веб-страницы на Bulma вы создаете 100% адаптивные страницы под мобильные устройства.
Используя имена классов вы можете легко верстать колонки и забыть про различные сетки, float и.т.д.

Bulma имеет имена классов, которые очень легко читаются и запоминаются. Например, так можно создать колонки.

<div class="columns">
<div class="column">
First column
</div>
<div class="column">
Second column
</div>
</div>


👉 @sWebDev
AT-UI

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

👉 @sWebDev
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
Spectre.css

Это легкий, отзывчивый и современный CSS-фреймворк для более быстрой и расширяемой разработки. Spectre предоставляет базовые стили для типографики и элементов, систему адаптивного макета на основе Flexbox, а также компоненты и утилиты на чистом CSS.

👉 @sWebDev
Buefy

Библиотека Buefy представляет собой набор компонентов, построенных с использованием возможностей Vue и Bulma. На GitHub она собрала около 9 тысяч звёзд, компоненты, которые можно в ней обнаружить, подходят, без дополнительных усилий со стороны разработчика, для создания приложений, использующих отзывчивый дизайн. Хотя компонентов в этой библиотеке не так уж и много, она, определённо, достойна внимания.

👉 @sWebDev