❤️ Нашёл свежую статью на Хабре: «Делаем фронтенд-сборку для верстки HTML-писем на MJML»

В этой статье:
• Создадите отдельный репозиторий для верстки email-шаблонов с помощью MJML;
• Настроите frontend-сборку: сможете писать шаблоны, автоматически компилировать MJML в HTML;
• Реализуете тестовую отправку писем через SMTP, чтобы сразу увидеть результат в почтовом клиенте;

🔊 Читайте подробнее на Habr!

📣 Code Ready | #статья

👩‍💻 Напоминалка для работы с CSS em и rem!

em вычисляется относительно размера шрифта родительского элемента, rem — относительно размера шрифта корневого. Данные единицы влияют не только на текст, но и на размеры, отступы и другие свойства.

На картинке - как единицы влияют на итоговый размер текста в пикселях.

Сохрани, чтобы не забыть!

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

👩‍💻 Разберем тег <pre> — сохранение форматирования текста в HTML!

Тег <pre> нужен для отображения предварительно отформатированного текста, если необходимо сохранить все пробелы и переносы в HTML.

Его особенности:

• Шрифт по умолчанию моноширинный (как в редакторах кода);

• Браузер не убирает лишние пробелы и переносы;

• Можно сочетать с тегом <code> для подсветки кода;

Он хорошо подходит для отображения стихотворений или демонстрации примеров кода.

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

Всем привет✊

Ровно 2 года назад я создал этот канал, спасибо всем кто подписался и смотрел посты (особенно кто ставит реакции 😁)

✅ За это время многое изменилось, с таких постов, до таких как сейчас.

Но кстати всё равно, раньше тоже круто было, можете перейти в закреп и там посмотреть на старые постики.

В общем, поздравляю сам себя с годовщиной! 🥳

👩‍💻 Хочешь эффект «стеклянного» интерфейса?

Свойство backdrop-filter позволяет применять визуальные эффекты к фону элементов, находящихся за целевым элементом.

Возможные значения:

• blur(px) — размытие фона.
• brightness(%) — регулирует яркость заднего фона.
• contrast(%) — изменяет контрастность.
• grayscale(%) — переводит фон в оттенки серого.
• opacity(%) — управляет прозрачностью фона.
• sepia(%) — придаёт фону тёплый, коричневатый оттенок.
• hue-rotate(deg) — изменяет оттенок фона.
• invert(%) — инвертирует цвета.
• none — сбрасывает все фильтры, фон остаётся без изменений.

Можно указать несколько функций через пробел. Причём при разном порядке функций результат будет отличаться.

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