Категория: css

04 июля 2026 г.

Разбираем новое CSS-свойство text-fit из CSS Text Module Level 5: grow, shrink, consistent, per-line, per-line-all и процентные ограничения с интерактивными примерами.

19 апреля 2026 г.

Разберёмся в неделимости атома. Ой, точнее пикселя

18 апреля 2026 г.

Если у вас есть анимации, которые должны работать только при прокрутке, то эта статья для вас. В статье я расскажу про два типа временных шкал, способы объявления шкал и примеры использования. Без JavaScript. Без сложных примеров. Только практические примеры и объяснения основанные на спецификации.

22 марта 2026 г.

Разбираем CSS Scroll Snap Module Level 1: что такое scroll container, scrollport, snapport, scroll-padding, scroll-margin и как управлять привязкой прокрутки в интерфейсах.

13 марта 2026 г.

Если вы когда-либо читали длинную статью в интернете и внезапно теряли место, где остановились, потому что страница «подпрыгнула» из-за загрузившейся рекламы или изображений, то вы сталкивались с проблемой, которую призван решать CSS Scroll Anchoring.

12 марта 2026 г.

Практический разбор CSS Scrollbars: цвета и ширина скроллбаров, ограничения спецификации и советы по доступности

11 марта 2026 г.

Решил я тут себе план для статей создать. Пройдусь по всем спекам и уйду на покой

11 марта 2026 г.

Разбираемся, что такое CSS Snapshot, зачем он нужен и как классифицирует все модули CSS — от стабильных рекомендаций до экспериментальных фич. Просто о сложном документе W3C.

04 октября 2025 г.

Изучаем новое CSS свойство interest-delay для управления задержками взаимодействия пользователя с элементами. Решаем проблемы с выпадающими меню и улучшаем UX интерфейса.

04 сентября 2025 г.

27 августа 2025 г.

22 августа 2025 г.

Узнаем о новой концепции Item Flow — универсальном подходе к управлению направлением, переносом и «упаковкой» элементов, который объединяет лучшие черты флексы и гриды. Идея включает в себя планы по нативной поддержке «masonry»‑раскладок без дополнительных скриптов и открывает путь к ещё более гибкой верстке в CSS.

21 августа 2025 г.

19 августа 2025 г.Обновлено: 08 июня 2026 г.

Разбираем CSS-свойство overscroll-behavior: предотвращаем scroll chaining, управляем bounce и pull-to-refresh, улучшаем UX.

02 июня 2025 г.

Узнаем о модуле CSS Functions and Mixins — новой спецификации в CSS, которая добавляет возможность создавать пользовательские функции и в будущем — миксины. Эти инструменты позволяют разработчикам задавать стили с параметрами, переиспользовать их и делать таблицы стилей более эффективными и удобными в поддержке. Функции, определяемые через правило @function, могут динамически вычислять значения и включать условную логику, например, для адаптивного дизайна.

28 апреля 2025 г.

Узнайте, как новые CSS-единицы lh и rlh помогут выстроить идеальный вертикальный ритм, сделать текст аккуратнее и профессиональнее без лишних усилий.

18 апреля 2025 г.

Первый публичный черновик CSS Gap Decorations Module Level 1 (17 апреля 2025) описывает новые свойства row‑rule и column‑rule, позволяющие рисовать линии‑разделители в промежутках гридов, флексов и мультиколонок. Документ уточняет, как задавать цвет, стиль, ширину и порядок прорисовки таких декораций, а также как разбивать их на сегменты и смещать концовки. Спецификация расширяет существующие возможности column‑gap/row‑gap, делая оформление «гаттеров» гибким и единообразным для разных типов раскладок.

17 апреля 2025 г.

Почему ультратонкие гарнитуры губят читаемость, снижают конверсии и нарушают доступность, и как начинающим UI/UX‑дизайнерам выбрать типографику, которая действительно работает для пользователей.

16 апреля 2025 г.

Разберёмся, почему нельзя считать 16px постоянным эквивалентом 1em, как корректно учитывать пользовательские предпочтения к размеру шрифта и зачем оставлять браузеру свободу в отображении текста.

15 апреля 2025 г.

Узнайте, как создать по-настоящему инклюзивный тёмный режим, сочетая продуманный контраст, удобочитаемую типографику и гибкие настройки для разных групп пользователей. В статье приводятся примеры кода, рекомендации по WCAG и практические советы по внедрению тёмной темы в интерфейсе.

14 апреля 2025 г.

Технический разбор современных подходов к жидкой (fluid) типографике в CSS: как использовать clamp(), rem, vw, em и другие единицы для создания адаптивной масштабируемой типографической системы. Рекомендации по пропорциям шрифта, поддержке пользовательских настроек, примеры кода и лучшие практики для доступности и гибкого дизайна.

13 апреля 2025 г.

В Chrome 136 изменилась логика работы псевдокласса :visited за счёт «разделения» истории посещённых ссылок. Эта новация защищает пользователей от утечек приватных данных и решает старую проблему безопасности, существовавшую более 20 лет.

12 апреля 2025 г.

Предстоящие изменения в дефолтных браузерных UA-стилях для вложенных заголовков могут повлиять на отображение сайта и вызвать предупреждения в Lighthouse. Узнайте, как правильно задавать стили для элементов h1 и поддерживать корректную иерархию заголовков в веб-разработке.

11 апреля 2025 г.

Разбираемся, как работает `currentcolor`, зачем он нужен в современном CSS и почему в эпоху кастомных свойств ему всё ещё есть место

11 апреля 2025 г.

Узнаем о новой концепции Item Flow — универсальном подходе к управлению направлением, переносом и «упаковкой» элементов, который объединяет лучшие черты флексы и гриды. Идея включает в себя планы по нативной поддержке «masonry»‑раскладок без дополнительных скриптов и открывает путь к ещё более гибкой верстке в CSS.

11 апреля 2025 г.

Узнайте как сделать функциональное состояние фокуса для всех элементов.

10 апреля 2025 г.

Совсем недавно в Safari Technology Preview появилась поддержка text-wrap: pretty, и это открывает перед нами совершенно новые возможности по улучшению типографики в вебе. В этой статье мы разберём, чем именно хороша реализация в WebKit, чем она отличается от text-wrap: balance и других значений, и почему это так важно для создания хорошо читаемого текста.

30 марта 2025 г.

Разбираемся с логическими свойствами CSS - что это такое, как их использовать и почему они важны для современной вёрстки

10 декабря 2024 г.

Посмотрим какие CSS-свойства были добавлены в браузеры в 2024