Loaders

Это отличный пакет, содержащий набор хорошо спроектированных загрузчиков на чистом CSS. Добавить их на свой веб-сайт или приложение очень просто, и, вероятно, самая сложная часть этого процесса - выбрать загрузчик, который вам больше всего нравится (наш любимый - pacman).

👉 @sWebDev

Grd

Grd, как следует из названия, занимается построением макетов сетки. Библиотека сделана на чистом CSS, использует свойства модели flexbox и предлагает только самые необходимые и полезные функции.

👉 @sWebDev

Яндекс снова открыл набор на программу Deep Dive по направлению фронтенд (JavaScript). Это стажировка в Яндекс.Маркете, которая проходит в формате буткемпа. Она стартует в начале февраля, а пройти собеседования можно уже сейчас: https://clck.ru/ZLZwh

— Кому подойдёт эта программа?
Тем, кто хочет попробовать себя в разном и понять, какие задачи интереснее и ближе. Особенность буткемпа — за время стажировки вы поработаете в двух разных командах.

Стажировка оплачивается и длится 3 месяца в московском офисе Яндекса. Также мы оплатим проезд и проживание в Москве при успешном прохождении отбора в буткемп.

👉 Подать заявку: https://clck.ru/ZLZwh

Superplaceholder

С помощью Superplaceholder вы можете добавить одно или несколько сообщений по вашему выбору в качестве плейсхолдеров в поля ввода. Затем библиотека будет отображать эти сообщения с классной анимацией.

👉 @sWebDev

A-frame

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

👉 @sWebDev

BonsaiJS

Это удобная библиотека для генерации и анимации svg картинок. На официальном сайте представлена документация, изучив которую можно легко и эффективно создавать анимированные картинки в браузере.

👉 @sWebDev

PDF Export

Библиотеки, включенные в Telerik Document Processing, позволяют создавать, изменять и экспортировать документы PDF, а также конвертировать документ из другого формата файла в PDF.

При помощи этого модуля вы можете сгенерировать PDF документ из HTML вёрстки или даже из JSX в React компонентах.

👉 @sWebDev

FileSaver

Это библиотека для скачивания файлов через JavaScript. Казалось бы, нет ничего сложного в том, чтобы скачать файл и без библиотеки. Но в различных браузерах, например IE или Safari это может быть не так просто как кажется.

👉 @sWebDev

Lax.js

Простой и легкий плагин javascript для создания плавных и красивых анимаций при прокрутке! Используйте всю мощь интуитивно понятного взаимодействия и оживите свои веб-сайты!

👉 @sWebDev

Highcharts

Это современная библиотека диаграмм javascript, основанная на технологии SVG. Никаких плагинов не требуется. Интеграция со всеми основными веб-фреймворками очень проста.

👉 @sWebDev

Lettering

Дает полный контроль над текстом. Используется для анимации. Слово разбивается на буквы, и с каждой можно работать отдельно.

👉 @sWebDev

Inputmask

Это библиотека javascript, которая создает маску для полей ввода. Inputmask может работать с обычным javascript, jQuery и jqlite. Маска ввода помогает пользователю с вводом, обеспечивая предопределенный формат. Это может быть полезно для дат, чисел, телефонных номеров.

👉 @sWebDev

Дед Мороз получил твое письмо - зарабатывай 100к в месяц в новом году 🎁🎅

Велкам на курс "Профессия Frontend-разработчик с нуля до PRO" от Skillbox.

- Адаптированная программа под требования работодателей
- Вебинары с разработчиками из крупных компаний
- Командный проект в конце курса
- Гарантия трудоустройства (или вернут деньги)

🎄Новогодние скидки до 60% 🎄

WickedCSS

WickedCSS - это небольшая библиотека CSS-анимации, в ней не так уж много вариантов анимаций, но те, которые у нее есть - великолепны.
Используется просто - добавляем название анимации к вашему элементу и готово.

<div class="bounceIn"></div>

👉 @sWebDev

Three Dots

Three Dots - это набор CSS-анимаций для прелоадера, созданных из трех точек, которые, на самом деле, являются одним элементом.

Для запуска просто создаем элемент div и добавляем название анимации
<div class="dot-elastic"></div>

👉 @sWebDev

CSShake

Как следует из названия, CSShake - это библиотека CSS-анимации, которая содержит различные типы анимаций встряхивания.
Для запуска добавляем класс shake и класс-название анимации своему элементу.

<div class="shake shake-hard"></div>

👉 @sWebDev

validator.js

Эта библиотека предназначена для валидации строк в полях для ввода. Может пригодиться для создания форм для ввода информации о пользователе.

Пример проверки валидности Email:
validator.isEmail('[email protected]'); //=> true

👉 @sWebDev

Google Charts

Популярное средство для построения диаграмм. Google Charts занимает лидирующие позиции на рынке бесплатных библиотек визуализации данных. Диаграммы совместимы не только с современными, но и со старыми браузерами.

👉 @sWebDev

Easy canvas

Эта очень простая, абсолютно бесплатная, но в то же время сильная библиотека, которая создана специально, чтобы облегчить использование canvas в html.

👉 @sWebDev

sliderjs

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

👉 @sWebDev