Емейл фреймворк
упростит и ускорит процесс верстки

Почему стоит попробовать

Просто
Просто подключить и легко использовать - логичная и лаконичная разметка
Адаптивно
Адаптируется для отображения на мобильных устройствах, и для всех версий outlook
Без ограничений
Фреймворк не накладывает никаких ограничений на структуру писем.

Примеры

Skyeng
Aroma-Butik письмо EMX
example письмо EMX

Как использовать

  • Подключите библиотеку - javascript файл и файл стилей (воспользуйтесь инструкцией ниже)
  • Добавьте в body div с id="app". Внутри можно использовать теги (компоненты) TJML
  • Код письма следует обернуть в
    
    <tj-ui>
      <m-body>
         <!-- Письмо -->
       </m-body>
    </tj-ui>
  • TJML позволяет верстать как исключительно тегами (компонентами) TJML, так и использовать обычную email-верстку

Преимущества

Темная тема
Проверяйте отображение письма в темной теме (поддерживается режим частичной и полной инверсии)
Размер
Фреймворк подскажет, когда размер финальной верстки превысит рекомендуемое значение
Код
Сжатие\распаковка кода, а также выгрузка отрендеренного кода в 1 клик

Подключение

Добавьте следующий javascript код в конец файла:
<script type="text/javascript">
				var s=document.createElement("script"),l=document.createElement("link"),d=new Date;s.setAttribute("src","https://amp4email.ru/tjml/app.js?ver="+d.getTime()),l.setAttribute("type","text/css"),l.setAttribute("rel","stylesheet"),l.setAttribute("href","https://amp4email.ru/tjml/app.css?ver="+d.getTime()),document.head.appendChild(l),document.head.appendChild(s);
				</script>