Верстка HTML-писем. Адаптивность без media-запросов

Поделиться
HTML-код
  • Опубликовано: 8 апр 2021
  • Краткий обзор процесса верстки html-письма с использованием современных решений и средств оптимизации. Разбор сложных кейсов.
    Вы можете задавать вопросы в комментариях, мы обязательно на них ответим :)
    7:36 - Пример верстки адаптивного письма
    __________________________________________
    👍🏻Жмите "нравится" и подписывайтесь на канал - полезные видео выходят каждую неделю! 🔥
    Наш сайт kozhindev.com/
    __________________________________________
    Вам также могут быть интересны следующие видео:
    🔥ClickHouse. Почему так быстро? - • ClickHouse. Почему так...
    🔥 CI/CD в KozhinDev - • CI/CD в KozhinDev
    🔥 GraphQL. О главном - • GraphQL. О главном
    🔥 КодРевью от CEO - • КодРевью от CEO 😎
    🔥 Принцип инверсии зависимостей и его применения - • Принцип инверсии завис...
    🔥Пишем свои React Forms - • Пишем свои React Forms
    🔥Тестирование React компонентов с Jest и TypeScript - • Тестирование React ком...
    🔥E2E тестирование с Cypress. Сравнение с Puppeteer и Playwright - • E2E тестирование с Cyp...
    🔥Сравнительный обзор NodeJs фреймворков - • Сравнительный обзор N...

Комментарии • 5

  • @jamshidkarimov1021
    @jamshidkarimov1021 2 года назад +1

    Спасибо за полезный контент. Может быть, как-нибудь покажете нам, как верстать html письма на примере реальных проектов?

  • @debiamo
    @debiamo 4 месяца назад

    Если jpeg перевести в svg или html, outlook их все равно не пропустит?

  • @veronicatish4716
    @veronicatish4716 3 года назад

    Флексы и гриды не работают в почтовых клиентах?

    • @affkakrass
      @affkakrass 3 года назад

      Нет, такой роскоши там нет :) Если говорить по поддерживаемость большей массы почтовиков.

  • @zalexstudios
    @zalexstudios 2 года назад

    8:49 по поводу "align" не верное сказано! Это выравнивание работает всегда правильно если знать как делать!