‍EditorConfig — наводим порядок в текстовых файлах

https://wp-digest.com/guides/editorconfig-navodim-poryadok-v-tekstovyh-fajlah/
Принципы работы, интеграция в редакторы, автоматизация.

#css #development #editorconfig #json #wordpress

‍Почему WordPress — №1 в стеке технологий для вашего следующего проекта (полная версия)

https://wp-digest.com/articles/wordperss-is-the-future/
Если проект включает управление контентом, WordPress — №1 в стеке технологий.
#css #development #graphql #javascript #php #react #wordpress #wpgraphql

‍Как настроить и проверить адаптивность сайта? Вам помогут Медиа-запросы и Search Console.

https://wp-digest.com/guides/media-queries/

#adaptive #css #development #mediaqueries #responsive #wordpress

TailPress — быстрое создание темы WordPress с помощью Tailwind CSS

TailPress — это ваша отправная точка для разработки тем под WordPress с помощью Tailwind CSS. Поставляется с поддержкой редактора блоков Gutenberg из коробки.

https://www.kobzarev.com/wordpress/tailpress/

#CSS #Gutenberg #PHP #TailPress #Tailwind #CSS #WordPress

Добавление Tailwind CSS к новой или уже существующей теме WordPress

https://wp-digest.com/guides/dobavlenie-tailwind-css-k-novoj-ili-uzhe-sushhestvuyushhej-teme-wordpress/
За 15 с лишним лет с тех пор, как я начал создавать сайты на WordPress, ничто так не повлияло на мою продуктивность и на мою способность получать удовольствие от front-end разработки как добавление Tailwind CSS в мой рабочий процесс.
#css #development #tailwindcss #wordpress

Условно адаптивный 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