Создание прокручиваемой и перетаскиваемой временной шкалы с помощью GSAP | CSS-трюки

Статьи по дизайну

Вот классная демонстрация от Мишель Баркер на Codrops, которая показывает, как создать прокручиваемую и перетаскиваемую временную шкалу с помощью GSAP. Это интересная задача — связать два разных взаимодействия (вертикальная прокрутка и горизонтальное перетаскивание) вместе и реагировать друг на друга. Мне нравится, когда все это делается с помощью красивой семантической разметки, кода, за которым легко следовать,…

Значение from-font в CSS, объясненное в 4 демонстрациях | CSS-трюки

Статьи по дизайну

Я писал свой Advent of UI Components и наткнулся на значение from-font для свойства CSS text-decoration-thickness. Мне было любопытно, поэтому я провел небольшое исследование и думаю, что то, что я нашел (и узнал), интересно и стоит того, чтобы им поделиться. О значении from-font Вот как MDN определяет значение from-font: Если файл шрифта содержит информацию о…

60 самых популярных интерфейсных инструментов 2021 года | CSS-трюки

Статьи по дизайну

Прошел еще один год, и я снова имел честь просмотреть архивы еженедельных информационных бюллетеней Web Tools за последние 12 месяцев, чтобы отыскать интерфейсные инструменты, которые читатели сочли наиболее интересными в 2021 году. Итак, , чтобы начать 2022 год, я составил список из 60 самых популярных инструментов. Я уверен, что здесь есть как минимум один или…

CSS-трюки для революционизирования ваших веб-макетов

Статьи по дизайну

                     Если вы работаете в веб-индустрии уже пару лет, вы можете почувствовать, что вы всегда кодируете или разрабатываете один и тот же макет сайта. Несмотря на то, что тенденции приходят и уходят, большинство сайтов по-прежнему выглядят одинаково: почти каждый из них использует сетку с 12 колонками, две и три столбца, коробки в коробке и аналогичные…