SSSVG: понятный SVG на 24 живых примерах
Разбираем SVG на практике: 24 интерактивных примера, viewBox, кривые Безье, маски, градиенты и стрелки. Меняйте параметры и скачивайте свой SVG прямо со страницы.
Личный взгляд. Практическая польза.
Разобраться. Сделать. Поделиться.
Материалы об инженерии и разработке, полезные советы и заметки из жизни. Всё, к чему хочется вернуться, когда решаешь похожую задачу.
Библиотека блога
Полезное под рукой
Электрика и техника
Разработка
Из записной книжки
Последние материалы
Storybook: мастерская UI-компонентов с 33 живыми примерами
Настоящий Storybook прямо в статье: 33 состояния кнопок, форм, карточек и диалогов. Меняйте Controls, смотрите Actions, проверяйте доступность и узкие экраны.
Squish: сжатие изображений в браузере с живыми примерами
Сжимайте изображения прямо в статье: свои файлы и готовые образцы, WebP, MozJPEG, PNG с OxiPNG, AVIF и JPEG XL. Настройки качества, сравнение до и…
NumberFlow: анимация чисел, 24 примера и готовый код
Пробуйте NumberFlow прямо на странице: 24 числовых перехода, цены, проценты и единицы измерения. Настраивайте анимацию, тестируйте корзину, показатели, прогресс и таймер, забирайте готовый код.
Animista: 40 CSS-анимаций с настройками и готовым кодом
Пробуйте 40 оригинальных CSS-анимаций Animista прямо на странице: перевороты, появления, текст и фоны. Настраивайте время и направление, сравнивайте эффекты и скачивайте готовый CSS.
Requestly: подмена ответов API, ошибки и задержки на живых примерах
Тестируйте API прямо в статье: подменяйте JSON, меняйте статусы и заголовки, добавляйте задержки, проверяйте POST-форму и гонку запросов. Изолированная интерактивная мастерская.
От идеи к результату
Полезные инструменты
Открыть, попробовать, применить.