Верстка листів що таке «кінетичний email», savepearlharbor
Деякий час назад це сприйняття почало змінюватися - розробники стали знаходити способи, як наповнити листи інтерактивним і динамічним контентом. Ці методи не тільки привернули увагу одержувачів листів, але і дали email-дизайнерам можливість реалізувати нові творчі ідеї.
B # 038; Q, основний британський рітейлер (мережа роздрібних магазинів), в минулому році привернув багато уваги, коли компанія відправила ряд листів з повністю інтерактивними компонентами, використовуючи тільки HTML і CSS.
У минулому деякі поштові клієнти на кшталт Apple Mail надійно підтримували останні версії HTML і CSS, але переважна більшість поштових клієнтів цього не робили. Це змусило email-дизайнерів проектувати під «найменший спільний знаменник».
Побачивши це, Джастін Ку почав експериментувати, щоб дізнатися, чи можна реалізувати ті ж самі методи в інших поштових клієнтів. Дивно, але завдяки тому, що більшість поштових клієнтів підтримують CSS-селектор: hover (відповідає за зміну елемента при наведенні курсору), він міг здійснювати прості варіанти взаємодії, на зразок зміни зображення з наведення на нього курсора. Так з'явився блог FreshInbox. в якому Ку став описувати ці прийоми.
Приблизно в цей же час в поштовому співтоваристві почали експериментувати і з динамічними HTML і CSS в листах. Марк Роббінс хвацько написав кілька веселих ігор на CSS, що працюють в поштових клієнтах на основі Webkit, а Джонатан Кім виступив з презентацією на тему «Долаючи кордони Email» на семінарі Litmus.
Кампанія від B # 038; Q викликає інтерес до перспектив «кінетичної розсилки»
Oracle, творці кампанії, назвали це «кінетичної розсилкою». Після кампаній B # 038; Q, багато відправники також почали вставляти інтерактивний і динамічний контент в свої поштові розсилки.
«Кінетична» або Інтерактивна?
Хіба слово «кінетичний» - не просто інша назва для «інтерактивної» розсилки?
У «кінетичної розсилці» також часто використовуються альтернативні методи, що забезпечують коректне відображення листів на поштових клієнтів, які не підтримують «кінетичний» контент. Наприклад, «кінетичний» контент можна просто приховати, або його можна замінити на статичну сторінку.
Приклади «кінетичної розсилки»
А що не відноситься до поняття «кінетичної розсилки»?
Що потрібно поштовому клієнтові для відображення «кінетичної розсилки»?
Поштові клієнти також можна класифікувати по їх здатності підтримувати «кінетичний» контент листів.
«Кінетичний» поштовий клієнт
«Кінетичний» (або «повністю кінетичний») клієнт підтримує більшість функцій, що дозволяють відображати «кінетичну розсилку».
Ці функції включають в себе:
- Абсолютна і відносне позиціонування елемента
- CSS-анімацію
- CSS-переходи
- Псевдо-класи CSS -: hover. checked
- CSS-селектори, що додають інтерактивність, в першу чергу родинні селектори (+) і (
Все це є у вбудованих поштових клієнтів в iOS, в нативних поштових клієнтів Android, Apple Mail, Outlook для Mac і для iOS. Фактично, AOL Mail потрапив би в цей список, якби в ньому не була відсутня підтримка CSS-анімації.
«Полукінетіческіе» клієнти
«Полукінетіческіе» (або кінетичні полегшені) клієнти підтримують мінімальний набір кінетичних функцій електронної пошти.
У ці функції включені як мінімум:
- Селектор: hover
- Можливість вибірково приховувати контент
- (За бажанням) споріднені селектори