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
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
TailwindCSS

Это CSS-библиотека, которая упрощает стилизацию HTML, тем же путем, как это делает Bootstrap, – добавляя огромное количество разнообразных классов. Но, в отличие от Bootstrap, который добавляет уже готовые к употреблению компоненты, такие как кнопки, алерты и навбары, классы TailwindCSS нацелены на конкретное свойство. В TailwindCSS нет заранее написанной кнопки, её ты должен сделать сам.

👉 @sWebDev
iView

Это высококачественный набор инструментов для компонентов пользовательского интерфейса, созданный на основе Vue.js. Он был создан TalkingData для настройки тем, многоязычного развертывания и других функций, что значительно повысило эффективность разработки.

👉 @sWebDev
Angular Google Maps

Использование библиотеки Google Maps в Angular всегда является серьезной проблемой, потому что библиотека загружается с использованием тега script, поэтому могут возникать некоторые ошибки компиляции, исправление которых может потребовать большого количества времени.

Эта библиотека решает все проблемы за вас и предоставляет удобный интерфейс для взаимодействия с google maps.

👉 @sWebDev
Nuxt.js

Это фреймворк для создания универсальных приложений на Vue.js с использованием Node.js. С помощью него можно рендерить UI на сервере и генерировать статические сайты.

👉 @sWebDev
💥Два дня живого общения на конференции FrontendConf 2021

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

Программа конференции построена вокруг 6 тематик:
— архитектура и организация кодовой базы;
— The Frontend Operations Engineer;
— хорошие практики современного фронтенда;
— профессиональный, карьерный и социальный рост;
— взгляд со стороны (собеседования, команды, развитие);
— будущее (перспективы развития нашей сферы, недавние изменения и размышления о красоте вещей).

🔥И все это офлайн! Место и время встречи — Москва, Radisson Slavyanskaya, 11-12 октября.

По ссылке можно прочитать подробнее о конференции, изучить программму и забронировать билет 👉 https://clck.ru/XZLdg

Также уже открыт плейлист докладов прошлого года, где многие из тем актуальны до сих пор 👉https://clck.ru/XRjNv
ngx-translate

В какой-то момент вашему веб-приложению может потребоваться обслуживание многоязычной базы пользователей. Интернационализация, или, если коротко, i18n, - это процесс, с помощью которого вы можете сделать ваше приложение пригодным для использования на другом родном языке. Хотя Angular обладает некоторой встроенной функциональностью i18n, ngx-translate - это сторонний пакет, который упрощает процесс.

👉 @sWebDev