Математические функции в CSS
#wordpress #css

http://css.yoksel.ru/css-math/

Адаптивное видео с помощью встроенных математических функций CSS
#wordpress #css

http://css.yoksel.ru/adaptive-video-with-css-math/

Tailwind - разработка интерфейсов без таблиц стилей
#wordpress #css #Tailwind

https://zorca.dev/blog/tailwind-razrabotka-interfejsov-bez-tablicz-stilej/

Полное визуальное руководство-шпаргалка по Flexbox и Grid + туториал
#wordpress #flexbox #grid #css

https://habr.com/ru/post/528672/

‍Результаты опроса State of CSS 2020: Tailwind CSS побеждает в самых распространенных технологиях, Utility-First CSS на подъеме
#wordpress #css #tailwind_css

https://wp-digest.com/events/rezultaty-oprosa-state-of-css-2020-tailwind-css-pobezhdaet-v-samyh-rasprostranennyh-tehnologiyah-utility-first-css-na-podeme/

‍CSS Scroll Snap. Ахмад Шадид рассказывает, как работает группа свойств Scroll Snap в CSS для управления поведением прокрутки и показывает, где и как их полезно применять.
#wordpress #css

https://wp-digest.com/articles/css-scroll-snap/

Убираем сдвиги в верстке наложением в CSS Grid
#wordpress #css #grid

https://wp-digest.com/articles/ubiraem-sdvigi-v-verstke-nalozheniem-v-css-grid/

‍Базовый CSS, который должен знать каждый пользователь WordPress

https://wp-digest.com/guides/bazovyj-css-kotoryj-dolzhen-znat-kazhdyj-polzovatel-wordpress/
Любой, у кого есть сайт WordPress, в какой-то момент столкнется с ситуацией, когда им нужно будет изменить часть кода. Это не значит, что вы должны стать веб-разработчиком и писать JavaScript и PHP как профессионал. Скорее всего, вам придется повозиться с HTML и базовым CSS, основами любой веб-страницы, WordPress или нет.
#css #development #wordpress

‍Чтобы быть впереди веба, веб-стандартам нужно бежать в два раза быстрее

https://wp-digest.com/articles/chtoby-byt-vperedi-veba-veb-standartam-nuzhno-bezhat-v-dva-raza-bystree/
Не секрет, что в последние годы веб развивается крайне стремительно.
#css #wordpress

‍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