Продвинутый React-хук для блокировки скролла
Решаем классическую проблему блокировки скролла при показе модальных окон: https://proglib.io/w/4d804a82
#react #interface
Решаем классическую проблему блокировки скролла при показе модальных окон: https://proglib.io/w/4d804a82
#react #interface
📊 Создавайте диаграммы на React с помощью библиотеки chart.js
https://proglib.io/w/8b33f34e
#interface #library
https://proglib.io/w/8b33f34e
#interface #library
Карточки с параллакс-эффектом
Очень красивый эффект при наведении: https://proglib.io/w/a61647c9
#interface #animation #snippets
Очень красивый эффект при наведении: https://proglib.io/w/a61647c9
#interface #animation #snippets
Анимации в библиотеке компонентов
Виды анимаций, UX/UI паттерны, подходы в Angular с dependency injection: https://proglib.io/w/af55b5d2
#animation #angular #interface
Виды анимаций, UX/UI паттерны, подходы в Angular с dependency injection: https://proglib.io/w/af55b5d2
#animation #angular #interface
Какая одна вещь может сделать ваш сайт лучше?
Энди Бэлл считает, что это Последовательная, плавномасштабируемая типографика и система отступов
#css #interface
Энди Бэлл считает, что это Последовательная, плавномасштабируемая типографика и система отступов
#css #interface
🥨 Попап вместо селекта
✨Новые HTML-элементы✨ наконец-то решат старую проблему: https://proglib.io/w/cef84c87
#interface #video
✨Новые HTML-элементы✨ наконец-то решат старую проблему: https://proglib.io/w/cef84c87
#interface #video
YouTube
🥨 Попап вместо селекта: ✨новые HTML-элементы✨ наконец-то решат старую проблему
00:00 Интро
00:22 В чём проблема?
01:50 Описание задачи
02:34 Недостатки селекта
04:36 Что нам нужно
05:22 Open UI
07:20 Попап вместо селекта
09:46 Стилизация попапа
11:45 Доступность и фокус
13:52 Кроссбраузерность
15:41 Выводы
16:59 Аутро
Нравится? Становитесь…
00:22 В чём проблема?
01:50 Описание задачи
02:34 Недостатки селекта
04:36 Что нам нужно
05:22 Open UI
07:20 Попап вместо селекта
09:46 Стилизация попапа
11:45 Доступность и фокус
13:52 Кроссбраузерность
15:41 Выводы
16:59 Аутро
Нравится? Становитесь…
Создание компонентной дизайн-системы UI
Зачем нужна и как создать сбалансированную компонентную дизайн-систему: https://proglib.io/w/e6bd53b5
#interface
Зачем нужна и как создать сбалансированную компонентную дизайн-систему: https://proglib.io/w/e6bd53b5
#interface
Запуск анимации при скролле
Откладывание старта анимации до момента, когда пользователь до нее доскроллит, - распространенный и эффектный прием. В статье разбирается его реализация с использованием IntersectionObserver API (и фоллбэком для старых браузеров).
https://proglib.io/w/2bbaf368
#interface #animation
Откладывание старта анимации до момента, когда пользователь до нее доскроллит, - распространенный и эффектный прием. В статье разбирается его реализация с использованием IntersectionObserver API (и фоллбэком для старых браузеров).
https://proglib.io/w/2bbaf368
#interface #animation
