👩‍💻 Знакомьтесь с inert — атрибутом, который делает элементы недоступными для взаимодействия!

Когда часть страницы должна быть визуально видна, но при этом неактивна (например, при открытии модального окна или блокировке интерфейса), inert идеально решает задачу. Элемент с этим атрибутом исключается из фокуса, навигации клавиатурой и событий мыши.

Это современная альтернатива tabindex="-1" + pointer-events: none, и работает чище — особенно в больших UI.

Можете добавить к любому тегу inert. Это булевый атрибут, так что у него нет значений.

📣 Code Ready | #атрибут

☕️ Посмотрите на Can I Email — это как "Can I Use", но для почтовых клиентов!

Настоящая боль верстальщиков — email-рассылки. Этот сайт показывает, что поддерживается в Outlook, Gmail и прочих, на уровне CSS-свойств.
Очень полезен для тех, кто работает с маркетингом или B2B.

📌 Оставляю ссылочку: caniemail.com

📣 Code Ready | #ресурсы

👩‍💻 Рассмотрим свойство text-align-last — управляет выравниванием последней строки текста!

Оно позволяет отдельно задать выравнивание только для последней строки абзаца. Особенно полезно при работе с выравниванием по ширине (justify), когда финальная строка выглядит «обрезанной».

Варианты значений:

• auto — выравнивание, как и для остальных строк, кроме случая со значением justify.
• start — в ту же сторону, что и весь остальной текст.
• end — в противоположную сторону от остального текста.
• left — по левому краю.
• right — по правому краю.
• center — по центру.
• justify — по ширине, чтобы заполнить всё пространство.

📣 Code Ready | #свойство

Web dev — мощный ресурс от Google, где публикуются официальные рекомендации, best practices и примеры по всем современным фишкам HTML, CSS, JavaScript, performance, accessibility и PWA.

📌 Оставляю ссылочку: web.dev

📣 Code Ready | #ресурсы