Skip to content

sdgfqer/Email

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

#Email Development Framework Фреймворк для клевой верстки email рассылок. Иными словами - бутстрап для писем.

Демо здесь

#Основная ветка В основной ветке репозитория расположен шаблон письма на основе моего подхода к верстке писем. Отдельное спасибо Nicole Merlin https://github.com/emailwizardry. Многие идеи я перенял у нее. Если вы хотите использовать этот шаблон в своих целях, то перед использованием на продакшене, объединяйте файл стилей с основным файлом верстки и прогоняйте полученный код через http://inliner.cm/

#Dev ветка Здесь у нас уже более полноценная для разработки писем вещь. Для начала работы, вам необходимо завести на своей машине NodeJS и клонировать репозиторий в папку проекта. Находясь в папке проекта, выполните команду:

$ npm install

и менеджер пакетов подтянет все необходимые модули. После установки модулей необходимо выполнить команду:

$ gulp

и тут начинается волшебство. Работу над проектом мы ведем в папке "dev". В это время gulp watcher в реальном времени отслеживает все изменения верстки и делает работоспособный билд в папке "build". Билд объединяет все файлы стилей шаблона в один, подключает его к файлу верстки и инлайнит все необходимые стили по DOM структуре. Из head выпиливаются все стили за исключением медиазапросов.

На текуший момент момент фреймворк расчитан на один активный проект, но в скором времени ожидается поддержка структуры проектов, что позволит работать с кучей различных шаблонов в рамках одного репозитория.

Также спасибо Александру Зидыганову https://github.com/csscoderRU/ за участие в развитии фреймворка.

#Поддержка почтовых клиентов

  • MS Outlook 2003-2007
  • MS Outlook 2010-2013
  • Outlook.com (web, iOS, android, windows phone)
  • Thunderbird (windows)
  • AOL (iOS)
  • Yahoo! (web, iOS)
  • Google Inbox (iOS, android)
  • Gmail (web, iOS, android)
  • Mail.ru (web, iOS)
  • Rambler.ru (web)
  • Yandex mail (web, iOS, android)
  • myMail (iOS, android)
  • Sparrow (OSX, iOS) deleted from Apple Store
  • Airmail (OSX)
  • Apple Mail (OSX, iOS)
  • Mailbox (OSX, iOS, android)
  • Spark (iOS)

About

Email Development Framework

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 69.0%
  • CSS 18.3%
  • JavaScript 12.7%