Cosmic UI: компоненты React, темы и практические примеры
Разбираем Cosmic UI на практических сценариях: настраиваем тему, показываем состояния кнопки, открываем диалог и проверяем клавиатуру. Площадка с примерами и пояснениями к коду.
Материалы по теме
Примеры кода
Текст в 3D: как создать цифровую архитектуру на Three.js
Создаём 3D-конструкцию из имени на Three.js. Разбираем контуры букв, отверстия, морфинг и каркас. Настраиваем глубину, скручивание и оформление в собственной мастерской с примерами кода.
Chrome DevTools: подробное руководство с примерами
Разбираем ошибки CSS и JavaScript, сетевые запросы, скорость и память. Пошаговые инструкции, снимки панелей и учебный стенд помогают повторить диагностику в Chrome и проверить…
Vanilla Calendar Pro: календарь выбора даты с примерами
Бесплатная мастерская Vanilla Calendar Pro без регистрации: обычный выбор даты, период, несколько дней, дата со временем и готовые сценарии. Настройте язык, ограничения и оформление,…
Mini QR: бесплатный генератор и сканер QR-кодов онлайн
Бесплатная мастерская Mini QR без регистрации: создавайте QR-коды для ссылок, текста, Wi-Fi и контактов, выбирайте цвета, формы и логотип. Скачивайте PNG, SVG или JPG,…
Анимированные иконки Lucide Animated: примеры и настройка
Анимированные иконки Lucide Animated на практике: бесплатная мастерская с 48 иконками, поиском и категориями. Сначала видны 12 карточек, остальные раскрываются по кнопке. Примеры в…
Konva.js: интерактивная графика Canvas — примеры и редактор
Konva.js на практике: бесплатная мастерская без регистрации с семью примерами интерактивной графики. Перемещение и трансформации фигур, схема с соединениями, рисование, размытие, анимация, постер и…
Bulma: CSS-фреймворк — примеры компонентов и адаптивной вёрстки
Bulma на практике: бесплатная мастерская без регистрации с семью примерами, светлой и тёмной темами, мобильным просмотром и кодом. Подключение CSS, адаптивные колонки, формы, навигация…
DaisyUI: компоненты Tailwind CSS — примеры и настройка тем
DaisyUI и Tailwind CSS на практике: бесплатная мастерская без регистрации, готовые компоненты, темы, мобильный предпросмотр и код. Семь примеров и учебный HTML-проект для скачивания.
Docus: документация на Nuxt и Markdown — примеры и настройка
Практическая статья о Docus с бесплатной мастерской без регистрации: настоящая документация на Nuxt, поиск, светлая и темная темы, русские и английские страницы. Шесть примеров…