Параллакс на CSS и JavaScript: примеры и настройка
Параллакс на практике: три самостоятельные страницы — продукт, редакционное портфолио и многослойный мир — и шесть учебных эффектов. Настройте тексты, цвета и движение; прокрутите…
Личный взгляд. Практическая польза.
Разобраться. Сделать. Поделиться.
Материалы об инженерии и разработке, полезные советы и заметки из жизни. Всё, к чему хочется вернуться, когда решаешь похожую задачу.
Библиотека блога
Полезное под рукой
Электрика и техника
Разработка
Из записной книжки
Последние материалы
CSS-анимация текста: 28 эффектов с примерами и настройкой
CSS-анимация текста на практике: 28 собственных эффектов, ваша фраза, цвета и параметры движения. Разбираем волны, градиенты, свечение, появление и объём; показываем код, доступность и…
NoSleep.js: как не дать экрану погаснуть — примеры Wake Lock
Разбираем NoSleep.js и Screen Wake Lock API: когда удержание экрана полезно, как включать и останавливать режим, замечать системное освобождение и проверять результат. Интерактивная мастерская,…
Frontend Mentor: практика frontend-разработки и примеры
Практический маршрут от макета до публикации: выбираем задачи на Frontend Mentor, разбираем адаптивность, состояния и портфолио. Три авторских упражнения — карточки, расчёт и форма…
React Force Graph: графы связей и практические примеры
Исследуйте связи материалов, команды и модулей: интерактивная мастерская на react-force-graph-2d, понятная модель данных, настройки раскладки и собственные примеры для React.
SVG Path Editor: редактирование контуров и примеры
Поправьте иконку, изгиб или декоративную волну: редактор SVG-контуров, разбор команд d, управляющих точек и viewBox. Практические примеры и сохранение результата.
От идеи к результату
Полезные инструменты
Открыть, попробовать, применить.