От автора: теперь, когда на горизонте появляются контейнерные запросы, нужны ли нам вообще медиа-запросы? Есть ли будущее, в котором мы будем создавать адаптивные интерфейсы полностью без них?

Читать далее →

От автора: важно иметь постоянное соотношение ширины и высоты изображений и других адаптивных элементов. В CSS мы много лет использовали метод заполнения отступов, но теперь у нас есть встроенная поддержка соотношения сторон в CSS. В этой статье я расскажу, что такое соотношение сторон, как мы это делали и как это сделать по-новому. Конечно, будут примеры с соответствующими вариантами решений.

Читать далее →

От автора: вы имеете красивый дизайн, в котором есть красивый большой hero-раздел, за которым следует секция из этих трех столбцов прямо под ним. Как и почти любой другой веб-сайт, над которым вы когда-либо работали.

Читать далее →

От автора: по мере загрузки веб-шрифта теперь вы можете настроить его масштаб, чтобы нормализовать размеры шрифтов документа и предотвратить сдвиг макета при переключении между шрифтами.

Читать далее →

От автора: этот пост о логических свойствах CSS с примерами базового и расширенного использования. Если вы думаете, что вам не нужны логические свойства CSS, подумайте еще раз!

Читать далее →

От автора: контейнерные запросы CSS приближают медиа-запросы к целевым элементам и позволяют им адаптироваться практически к любому заданному контейнеру или макету. В этой статье мы собираемся рассказать об основах контейнерных запросов CSS и о том, как их использовать сегодня.

Читать далее →

От автора: при написании CSS иногда можно получить длинные списки селекторов для нацеливания на несколько элементов с одинаковыми правилами стиля. Вместо этого можно использовать новые функциональные селекторы псевдо-классов.

Читать далее →

От автора: одной из интересных возможностей в CSS является CSS Shapes. Используя возможности CSS Shapes, можно гибко управлять обтеканием текстом различных геометрических фигур и изображений. Соответственно, данная возможность позволит создавать интересные макеты для ваших веб-страниц.

Читать далее →

От автора: неоновый текст может добавить приятный футуристический штрих любому веб-сайту. Мне всегда нравилась магия неоновых надписей, и я хотел воссоздать их с помощью CSS. Я хочу поделиться советами, как это сделать! В этой статье мы рассмотрим, как добавить к тексту эффекты свечения. Мы также рассмотрим различные способы анимации неоновых надписей с использованием CSS и ключевых кадров.

Читать далее →

От автора: Chrome экспериментирует со свойством @container в рамках спецификации уровня ограничения 3 рабочей группы CSS, над которой работают Мириам Сюзанн из Oddbird и группа инженеров по веб-платформе. @container дает нам возможность стилизовать элементы в зависимости от размера их родительского контейнера.

Читать далее →