Условно адаптивный CSS. Поведение браузера, которое может улучшить производительность сайта

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

И ресурсы не одинаковы! Например, CSS является блокирующим ресурсом, и браузеру нечего отображать, пока не загружен каждый последний байт каждого файла CSS. Почему? Последняя строка CSS-файла может перезаписать то, что было до нее. Это ваша "С" в CSS, которая означает "каскад".

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

🔥 https://pepelsbey.dev/articles/conditionally-adaptive/

#wordpress #wpdigest #css #adaptive

Управление стилями CSS в блочных темах WordPress

То, как мы пишем CSS для тем WordPress, находится в процессе масштабных изменений. Недавно я поделился техникой добавления поддержки "текучих типов" в WordPress с помощью theme.json, нового файла, который WordPress упорно продвигает, чтобы стать центральным источником истины для определения стилей в темах WordPress, поддерживающих функции редактирования всего сайта (FSE).

Подождите, нет файла style.css? Он все еще есть. На самом деле, style.css все еще является обязательным файлом в блочных темах, хотя его роль значительно уменьшилась до мета-информации, используемой для регистрации темы. Тем не менее, факт в том, что theme.json все еще находится в активной разработке, что означает, что мы находимся в переходном периоде, когда вы можете найти стили, определенные там, в styles.css или даже на уровне блока.

https://css-tricks.com/managing-css-styles-in-a-wordpress-block-theme/

#wordpress #gutenberg #css #json #themeJSON

Как отключить стили и скрипты, добавленные плагинами?

https://wp-digest.com/guides/kak-otklyuchit-stili-i-skripty-dobavlennye-plaginami/
В этом уроке пожалуй довольно подробно поговорим про кропотливую оптимизацию CSS и JS-файлов, подключаемых плагинами и темами в WordPress.
#css #development #hooks #javascript #php #wordpress

Как отключить файлы стилей Gutenberg на сайте

https://wp-digest.com/guides/kak-otklyuchit-fajly-stilej-gutenberg-na-sajte/
Дело в том, что сейчас WordPress стал подключать на страницы вашего сайта парочку файлов стилей, относящихся к редактору Gutenberg, причём эти файлы подключаются, даже если у вас активен плагин Classic Editor.
#css #development #gutenberg #wordpress

Адаптивная типографика в WordPress

В WordPress 6.1 появилась возможность использовать “Fluid font sizes”. Это позволяет шрифтам адаптироваться к изменениям размера экрана, например, расти по мере увеличения ширины окна просмотра или уменьшаться по мере сокращения.

👉 https://wpcraft.ru/blog/fluid-font-size-in-wordpress

#wordpress #wpdigest #css #development #fonts

В Bricks Builder 1.9.8 появился долгожданный менеджер глобальных переменных

Это новая мощная функция, позволяющая создавать, управлять и классифицировать все переменные CSS непосредственно в конструкторе. Это упростит управление переменными CSS и позволит вам с легкостью применять согласованный дизайн во всех ваших проектах.

👉🏻 https://academy.bricksbuilder.io/article/global-variables-manager/

#wordpress #BricksBuilder #css

🦄 WordPress Digest - Подписаться