Категория: css

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 г.

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

11 апреля 2025 г.

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

11 апреля 2025 г.

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

10 апреля 2025 г.

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

30 марта 2025 г.

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

10 декабря 2024 г.

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