{"id":263310,"date":"2015-08-11T13:08:02","date_gmt":"2015-08-11T09:08:02","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=263310"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=263310","title":{"rendered":"\u041a\u0430\u043a \u043f\u0430\u0441\u0445\u0430\u043b\u043a\u0438 \u0432 email \u043f\u043e\u043c\u043e\u0433\u043b\u0438 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438 \u043f\u0440\u0438\u0432\u043b\u0435\u0447\u044c \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u043a \u0441\u0432\u043e\u0435\u0439 \u043a\u043e\u043d\u0444\u0435\u0440\u0435\u043d\u0446\u0438\u0438"},"content":{"rendered":"<p>       <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/files\/0ad\/252\/70e\/0ad25270e3fa4dbaa1d06f50bf26005f.png\"\/><\/p>\n<p>  \u0412 \u043d\u0430\u0448\u0435\u043c \u0431\u043b\u043e\u0433\u0435 \u043c\u044b \u0434\u043e\u0432\u043e\u043b\u044c\u043d\u043e \u0447\u0430\u0441\u0442\u043e \u043f\u0438\u0448\u0435\u043c \u043e \u0440\u0430\u0437\u043d\u043e\u043e\u0431\u0440\u0430\u0437\u043d\u044b\u0445 \u044d\u043a\u0441\u043f\u0435\u0440\u0438\u043c\u0435\u043d\u0442\u0430\u0445 \u0432 \u043e\u0431\u043b\u0430\u0441\u0442\u0438 \u0432\u0435\u0440\u0441\u0442\u043a\u0438 <a href=\"https:\/\/pechkin-mail.ru\/?utm_source=habr&amp;utm_medium=referral&amp;utm_campaign=eggs\">email-\u0440\u0430\u0441\u0441\u044b\u043b\u043e\u043a<\/a> \u2014 \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0438 <a href=\"http:\/\/habrahabr.ru\/company\/pechkin\/blog\/261447\/\">\u0444\u043e\u043d\u043e\u0432\u043e\u0433\u043e HTML5-\u0432\u0438\u0434\u0435\u043e<\/a> \u0432 \u043f\u0438\u0441\u044c\u043c\u0435 \u0438\u043b\u0438 \u0432\u043d\u0435\u0434\u0440\u0435\u043d\u0438\u0438 \u0432 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435 <a href=\"http:\/\/habrahabr.ru\/company\/pechkin\/blog\/264129\/\">\u043f\u0430\u0433\u0438\u043d\u0430\u0446\u0438\u0438<\/a>. \u0421\u0435\u0433\u043e\u0434\u043d\u044f \u0440\u0435\u0447\u044c \u043f\u043e\u0439\u0434\u0435\u0442 \u043e \u0435\u0449\u0435 \u043e\u0434\u043d\u043e\u0439 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u043e\u0439 \u043c\u0435\u0445\u0430\u043d\u0438\u043a\u0435 \u2014 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0438 \u0432 \u043f\u0438\u0441\u044c\u043c\u0435 \u00ab\u043f\u0430\u0441\u0445\u0430\u043b\u044c\u043d\u044b\u0445 \u044f\u0438\u0446\u00bb, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0443\u0432\u0435\u043b\u0438\u0447\u0438\u0432\u0430\u044e\u0442 \u0432\u043e\u0432\u043b\u0435\u0447\u0435\u043d\u043d\u043e\u0441\u0442\u044c \u0447\u0438\u0442\u0430\u0442\u0435\u043b\u0435\u0439. <\/p>\n<p>  \u0421\u0445\u0435\u043c\u0430 \u0440\u0430\u0431\u043e\u0442\u0430\u043b\u0430 \u0442\u0430\u043a \u2014 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c \u0434\u043e\u043b\u0436\u0435\u043d \u0431\u044b\u043b \u043d\u0430\u0439\u0442\u0438 \u043f\u0430\u0441\u0445\u0430\u043b\u043a\u0443, \u043e\u043f\u0443\u0431\u043b\u0438\u043a\u043e\u0432\u0430\u0442\u044c \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044e \u043e \u043d\u0435\u0439 \u0441 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u043c \u0445\u0435\u0448\u0442\u0435\u0433\u043e\u043c \u0432 \u0422\u0432\u0438\u0442\u0442\u0435\u0440 \u2014 \u0438, \u0435\u0441\u043b\u0438 \u043e\u043d \u0441\u0442\u0430\u043d\u043e\u0432\u0438\u043b\u0441\u044f \u043f\u0435\u0440\u0432\u044b\u043c, \u043f\u043e\u043b\u0443\u0447\u0430\u043b \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u044b\u0439 \u0431\u0438\u043b\u0435\u0442, \u0430 \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0435 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0438 \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u043b\u0438\u0441\u044c \u0437\u0430 \u043f\u043e\u0438\u0441\u043a \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0433\u043e \u0441\u044e\u0440\u043f\u0440\u0438\u0437\u0430. \u0418\u0442\u0430\u043a, \u043f\u044f\u0442\u044c \u00ab\u043f\u0430\u0441\u0445\u0430\u043b\u043e\u043a\u00bb \u043f\u043e\u0437\u0432\u043e\u043b\u0438\u043b\u0438 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438 Litmus \u0440\u0430\u0441\u043f\u0440\u043e\u0434\u0430\u0442\u044c \u0431\u0438\u043b\u0435\u0442\u044b \u043d\u0430 \u0441\u0432\u043e\u044e \u043a\u043e\u043d\u0444\u0435\u0440\u0435\u043d\u0446\u0438\u044e, \u043f\u043e\u0441\u0432\u044f\u0449\u0435\u043d\u043d\u0443\u044e \u0432\u043e\u043f\u0440\u043e\u0441\u0430\u043c \u0434\u0438\u0437\u0430\u0439\u043d\u0430 email-\u0440\u0430\u0441\u0441\u044b\u043b\u043e\u043a.<\/p>\n<p>  <i>\u0412\u0430\u0436\u043d\u044b\u0439 \u043c\u043e\u043c\u0435\u043d\u0442: \u043f\u0438\u0441\u044c\u043c\u043e \u043f\u043e\u043b\u0443\u0447\u0430\u043b\u0438 \u043b\u044e\u0434\u0438, \u043f\u043e\u0434\u043f\u0438\u0441\u0430\u043d\u043d\u044b\u0435 \u043d\u0430 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0443\u044e \u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0443 \u0438 \u0437\u0430\u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u0432 \u043f\u043e\u0434\u043e\u0431\u043d\u043e\u043c \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0435.<\/i><a name=\"habracut\"><\/a><\/p>\n<h4>\u041f\u0430\u0441\u0445\u0430\u043b\u043a\u0430 #1: \u0421\u043a\u0440\u044b\u0442\u044b\u0439 ALT-\u0442\u0435\u043a\u0441\u0442<\/h4>\n<p>  \u041c\u043d\u043e\u0433\u0438\u0435 \u043f\u043e\u0447\u0442\u043e\u0432\u044b\u0435 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u044b \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e \u043e\u0442\u043a\u043b\u044e\u0447\u0430\u044e\u0442 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0439. \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u043f\u0438\u0441\u044c\u043c\u0430 \u043d\u0430\u0434\u043e \u0434\u0435\u043b\u0430\u0442\u044c \u0442\u0430\u043a, \u0447\u0442\u043e\u0431\u044b \u0438\u0445 \u043c\u043e\u0436\u043d\u043e \u0431\u044b\u043b\u043e \u043f\u0440\u043e\u0447\u0438\u0442\u0430\u0442\u044c \u0438 \u0431\u0435\u0437 \u043a\u0430\u0440\u0442\u0438\u043d\u043e\u043a \u2014 ALT Text \u043f\u0440\u0438\u0437\u0432\u0430\u043d \u043f\u043e\u043c\u043e\u0447\u044c \u0434\u043e\u043d\u0435\u0441\u0442\u0438 \u0432\u0441\u044e \u043d\u0443\u0436\u043d\u0443\u044e \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044e \u0434\u0430\u0436\u0435 \u043f\u0440\u0438 \u043e\u0442\u043a\u043b\u044e\u0447\u0435\u043d\u043d\u044b\u0445 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f\u0445. \u0422\u043e \u0435\u0441\u0442\u044c, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, <a href=\"https:\/\/litmus.com\/blog\/gmail-data-analysis-reveals-image-blocking-affects-43-of-emails\">\u0434\u043e 43% \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439 Gmail<\/a>, \u0443 \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0438 \u043e\u0442\u043a\u043b\u044e\u0447\u0435\u043d\u044b.<\/p>\n<p>  \u041f\u0435\u0440\u0432\u0430\u044f \u043f\u0430\u0441\u0445\u0430\u043b\u043a\u0430 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043b\u0430 \u0438\u043c\u0435\u043d\u043d\u043e \u044d\u0442\u0443 \u0444\u0443\u043d\u043a\u0446\u0438\u044e. \u0412\u043e\u0442 \u043a\u0430\u043a \u043f\u0438\u0441\u044c\u043c\u043e \u0432\u044b\u0433\u043b\u044f\u0434\u0435\u043b\u043e \u0441 \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0430\u043c\u0438:<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/files\/015\/79c\/b70\/01579cb705c7497981bb6bc514df85fa.png\"\/><\/p>\n<p>  \u041d\u043e \u0435\u0441\u043b\u0438 \u043e\u043d\u0438 \u0431\u044b\u043b\u0438 \u043e\u0442\u043a\u043b\u044e\u0447\u0435\u043d\u044b, \u0442\u043e \u0432\u0441\u0435 \u0441\u0442\u0430\u043d\u043e\u0432\u0438\u043b\u043e\u0441\u044c \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u0435\u0435:<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/files\/d56\/1c0\/0b5\/d561c00b5bf24b35970db83142161a20.png\"\/><\/p>\n<p>  \u0414\u043b\u044f \u0442\u043e\u0433\u043e, \u0447\u0442\u043e\u0431\u044b \u0441\u0432\u0435\u0440\u0441\u0442\u0430\u0442\u044c \u00ab\u0431\u0438\u043b\u0435\u0442\u00bb \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e ALT-\u0442\u0435\u043a\u0441\u0442\u0430, \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u0431\u044b\u043b\u043e \u0440\u0430\u0437\u0431\u0438\u0442\u043e \u043d\u0430 \u0442\u0440\u0438 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0445 \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0438, \u043a\u0430\u0436\u0434\u0430\u044f \u0432 \u0441\u0432\u043e\u0435\u0439 \u044f\u0447\u0435\u0439\u043a\u0435 \u0442\u0430\u0431\u043b\u0438\u0446\u044b.<\/p>\n<pre><code class=\"html\">&lt;table cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; border=&quot;0&quot; width=&quot;100%&quot;&gt;     &lt;tr&gt;         &lt;td&gt;           &lt;img src=&quot;http:\/\/pages.litmus.com\/l\/31032\/2015-06-10\/363lv5\/31032\/61908\/tedc15_line1.png&quot; width=&quot;600&quot; height=&quot;55&quot; border=&quot;0&quot; alt=&quot;Congratulations!&quot;\/&gt;         &lt;\/td&gt;     &lt;\/tr&gt;     &lt;tr&gt;         &lt;td&gt;           &lt;img src=&quot;http:\/\/pages.litmus.com\/l\/31032\/2015-06-10\/363lv7\/31032\/61912\/tedc15_line2.png&quot; width=&quot;600&quot; height=&quot;56&quot; border=&quot;0&quot; alt=&quot;You\u2019ve found a golden ticket! Take a screenshot and tweet to @litmusapp with the #TEDC15 hashtag. Act fast\u2014if you\u2019re the first, you\u2019re the winner!&quot;\/&gt;         &lt;\/td&gt;     &lt;\/tr&gt;     &lt;tr&gt;         &lt;td&gt;             &lt;img src=&quot;http:\/\/pages.litmus.com\/l\/31032\/2015-06-10\/363lv9\/31032\/61914\/tedc15_line3.png&quot; width=&quot;600&quot; height=&quot;56&quot; border=&quot;0&quot;  alt=&quot;GOLDEN TICKET #1: HIDDEN ALT TEXT&quot;\/&gt;         &lt;\/td&gt;     &lt;\/tr&gt; &lt;\/table&gt; <\/code><\/pre>\n<p>  \u042d\u0442\u043e \u043f\u043e\u0437\u0432\u043e\u043b\u0438\u043b\u043e \u043b\u0443\u0447\u0448\u0435 \u0441\u0442\u0438\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c \u0431\u0438\u043b\u0435\u0442. \u0417\u0430\u0442\u0435\u043c \u0431\u044b\u043b \u043f\u0440\u043e\u0441\u0442\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d \u0437\u043e\u043b\u043e\u0442\u043e\u0439 \u0444\u043e\u043d, \u0430 \u0442\u0430\u043a\u0436\u0435 \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u044b \u043d\u0435\u043c\u043d\u043e\u0433\u043e \u043f\u043e\u0440\u0430\u0431\u043e\u0442\u0430\u043b\u0438 \u0441 \u0442\u0438\u043f\u043e\u0433\u0440\u0430\u0444\u0438\u043a\u043e\u0439 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0439. \u0412\u043e\u0442 \u043a\u043e\u0434 \u0434\u043b\u044f \u043e\u0434\u043d\u043e\u0439 \u0438\u0437 \u043a\u0430\u0440\u0442\u0438\u043d\u043e\u043a:<\/p>\n<pre><code class=\"html\">&lt;img src=&quot;http:\/\/pages.litmus.com\/l\/31032\/2015-06-10\/363lv5\/31032\/61908\/tedc15_line1.png&quot; width=&quot;600&quot; height=&quot;55&quot; border=&quot;0&quot; style=&quot;display: block; color: #333333; font-family: 'futura_md_btbold', Helvetica, Arial, sans-serif; background-color: #f3c478; font-weight: bold; text-align: center; font-size: 26px; line-height: 36px;&quot; class=&quot;white-walkers&quot; alt=&quot;Congratulations!&quot;\/&gt; <\/code><\/pre>\n<p>  <i>\u041f\u0440\u0438\u043c\u0435\u0447\u0430\u043d\u0438\u0435: \u0427\u0442\u043e\u0431\u044b \u0437\u0430\u0442\u0440\u0443\u0434\u043d\u0438\u0442\u044c \u043f\u043e\u0438\u0441\u043a \u0431\u0438\u043b\u0435\u0442\u0430, \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u044f \u0432\u0441\u0435\u0445 \u0447\u0435\u0442\u044b\u0440\u0435\u0445 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u043d\u044b\u0445 CSS-\u043a\u043b\u0430\u0441\u0441\u043e\u0432 \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u043b\u0438 \u043e\u0442\u0441\u044b\u043b\u043a\u0438 \u043a \u00ab\u0418\u0433\u0440\u0435 \u041f\u0440\u0435\u0441\u0442\u043e\u043b\u043e\u0432\u00bb<\/i><\/p>\n<h4>\u041f\u0430\u0441\u0445\u0430\u043b\u043a\u0430 #2: \u0421\u043a\u0440\u044b\u0442\u043e\u0435 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435<\/h4>\n<p>  \u0412\u0442\u043e\u0440\u043e\u0435 \u043f\u0430\u0441\u0445\u0430\u043b\u044c\u043d\u043e\u0435 \u044f\u0439\u0446\u043e \u043f\u0440\u0435\u0434\u043d\u0430\u0437\u043d\u0430\u0447\u0430\u043b\u043e\u0441\u044c \u0433\u0438\u043a\u0430\u043c, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0437\u0430\u0439\u043c\u0443\u0442\u0441\u044f \u0438\u0437\u0443\u0447\u0435\u043d\u0438\u0435\u043c \u043a\u043e\u0434\u0430 \u043f\u0438\u0441\u044c\u043c\u0430. \u0422\u0443\u0442 \u0432\u0441\u0435 \u0431\u044b\u043b\u043e \u0434\u043e\u0432\u043e\u043b\u044c\u043d\u043e \u043f\u0440\u043e\u0441\u0442\u043e \u2014 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u0431\u044b\u043b\u043e \u0432\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u043e \u0432 \u043a\u043e\u0434 \u043f\u0438\u0441\u044c\u043c\u0430, \u043d\u043e \u043d\u0435 \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u043b\u043e\u0441\u044c \u043d\u0438 \u0432 \u043e\u0434\u043d\u043e\u043c \u043f\u043e\u0447\u0442\u043e\u0432\u043e\u043c \u043a\u043b\u0438\u0435\u043d\u0442\u0435. \u0421\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e, \u0443\u0437\u043d\u0430\u0442\u044c \u043e \u0435\u0433\u043e \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u043e\u0432\u0430\u043d\u0438\u0438 \u0438 \u0443\u0432\u0438\u0434\u0435\u0442\u044c \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0439 URL \u043c\u043e\u0436\u043d\u043e \u0431\u044b\u043b\u043e \u0442\u043e\u043b\u044c\u043a\u043e, \u0438\u0437\u0443\u0447\u0438\u0432 \u0438\u0441\u0445\u043e\u0434\u043d\u044b\u0439 \u043a\u043e\u0434 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f.<\/p>\n<p>  \u0414\u043b\u044f \u0441\u043a\u0440\u044b\u0442\u0438\u044f \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0438 \u0432 \u043f\u043e\u0447\u0442\u043e\u0432\u044b\u0445 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0430\u0445 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043b\u0441\u044f \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u043a\u043e\u0434:<\/p>\n<pre><code class=\"css\">&lt;div style=&quot;width: 0px; height: 0px; display: none; mso-hide: all; overflow: hidden; position: absolute; z-index: -99;&quot;&gt;     &lt;a href=&quot;https:\/\/litmus.com\/conference\/?utm_campaign=tedc15&utm_source=pardot&utm_medium=email&quot; target=&quot;_blank&quot;&gt;         &lt;img src=&quot;http:\/\/litmus-email-campaigns.s3.amazonaws.com\/tedc15-tix-live\/n2.png&quot; style=&quot;width: 0px; height: 0px; max-width: 0px; max-height: 0px;&quot;\/&gt;     &lt;\/a&gt; &lt;\/div&gt; <\/code><\/pre>\n<p>  \u041f\u043e \u0441\u043f\u0440\u044f\u0442\u0430\u043d\u043d\u043e\u0439 \u0441\u0441\u044b\u043b\u043a\u0435 \u043e\u0442\u043a\u0440\u044b\u0432\u0430\u043b\u043e\u0441\u044c \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u0431\u0438\u043b\u0435\u0442\u0430:<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/files\/404\/0d3\/b1f\/4040d3b1f5164c8fac807417706672af.png\"\/><\/p>\n<h4>\u041f\u0430\u0441\u0445\u0430\u043b\u043a\u0430 #3: \u0421\u043a\u0440\u044b\u0442\u044b\u0439 ACSII-\u0430\u0440\u0442<\/h4>\n<p>  \u0412 \u0442\u0440\u0435\u0442\u044c\u0435\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043b\u0441\u044f \u0430\u043d\u0438\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0439 ASCII-\u0430\u0440\u0442. \u0427\u0442\u043e\u0431\u044b \u0441\u043a\u0440\u044b\u0442\u044c \u044d\u0442\u043e\u0442 \u0442\u0435\u043a\u0441\u0442, \u0434\u043b\u044f \u043d\u0435\u0433\u043e \u0431\u044b\u043b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d \u0446\u0432\u0435\u0442 \u0444\u043e\u043d\u0430. \u041f\u0435\u0440\u0432\u043e\u043d\u0430\u0447\u0430\u043b\u044c\u043d\u043e \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435 \u0432\u044b\u0433\u043b\u044f\u0434\u0435\u043b\u043e \u0442\u0430\u043a:<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/files\/095\/4a2\/96a\/0954a296aad545c8a627bac496202980.png\"\/><\/p>\n<p>  \u041e\u0434\u043d\u0430\u043a\u043e, \u0435\u0441\u043b\u0438 \u0432\u044b\u0434\u0435\u043b\u0438\u0442\u044c \u043a\u043e\u043d\u0442\u0435\u043d\u0442, \u0442\u043e \u0442\u0435\u043a\u0441\u0442 \u0443\u0436\u0435 \u043c\u043e\u0436\u043d\u043e \u0431\u044b\u043b\u043e \u0443\u0432\u0438\u0434\u0435\u0442\u044c:<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/files\/a75\/309\/b72\/a75309b72df548aaaf8fdda7677e39b2.png\"\/><\/p>\n<p>  \u0412\u043e\u0442 \u043a\u0430\u043a \u044d\u0442\u043e \u0431\u044b\u043b\u043e \u0441\u0432\u0435\u0440\u0441\u0442\u0430\u043d\u043e:<\/p>\n<pre><code class=\"css\">&lt;marquee&gt;     &lt;span style=&quot;color: #ffffff; font-family: 'tisaproregular', Tisa Pro, Helvetica, Arial, sans-serif; font-size: 16px;&quot;&gt;         You\u2019ve found a golden ticket!&lt;br\/&gt;         Take a screenshot and tweet to &lt;a href=&quot;http:\/\/twitter.com\/litmusapp&quot; target=&quot;_blank&quot; style=&quot;color: #ffffff;&quot;&gt;@litmusapp&lt;\/a&gt; with the &lt;a href=&quot;https:\/\/twitter.com\/search?q=%23TEDC15&src=typd&vertical=default&f=tweets&quot; style=&quot;color: #ffffff;&quot; target=&quot;_blank&quot;&gt;#TEDC15&lt;\/a&gt; hashtag. &lt;br\/&gt;Act fast\u2014if you\u2019re the first, you\u2019re the winner!     &lt;\/span&gt;&lt;br\/&gt;     &lt;pre style=&quot;font: 4px\/2px monospace; color: #ffffff;&quot;&gt;         &lt;!\u2014\u0417\u0434\u0435\u0441\u044c \u0432\u0441\u0442\u0430\u0432\u043b\u0435\u043d ASCII-\u0430\u0440\u0442 --&gt;     &lt;\/pre&gt; &lt;\/marquee&gt; <\/code><\/pre>\n<p>  \u0414\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438 \u0431\u044b\u043b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d \u00ab\u043e\u043b\u0434\u0441\u043a\u0443\u043b\u044c\u043d\u044b\u0439\u00bb \u0442\u0435\u0433 <code>&lt;marquee&gt;<\/code>. \u0414\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0441\u0430\u043c\u043e\u0439 ASCII-\u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043b\u0441\u044f \u0441\u0435\u0440\u0432\u0438\u0441 <a href=\"http:\/\/picascii.com\/\">picascii<\/a>.<\/p>\n<h4>\u041f\u0430\u0441\u0445\u0430\u043b\u043a\u0430 #4: \u0421\u043a\u0440\u044b\u0442\u044b\u0439 \u0445\u043e\u0432\u0435\u0440<\/h4>\n<p>  \u0427\u0435\u0442\u0432\u0435\u0440\u0442\u043e\u0435 \u043f\u0430\u0441\u0445\u0430\u043b\u044c\u043d\u043e\u0435 \u044f\u0439\u0446\u043e \u0443\u0436\u0435 \u0431\u044b\u043b\u043e \u043a\u0443\u0434\u0430 \u0441\u043b\u043e\u0436\u043d\u0435\u0435. \u041d\u0430\u0439\u0442\u0438 \u0435\u0433\u043e \u043c\u043e\u0436\u043d\u043e \u0431\u044b\u043b\u043e \u0442\u043e\u043b\u044c\u043a\u043e \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043d\u0430\u0432\u0435\u0434\u0435\u043d\u0438\u044f \u043a\u0443\u0440\u0441\u043e\u0440\u0430 \u043d\u0430 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043d\u0443\u044e \u043e\u0431\u043b\u0430\u0441\u0442\u044c \u043f\u0438\u0441\u044c\u043c\u0430, \u0431\u043e\u043b\u0435\u0435 \u0442\u043e\u0433\u043e, \u0431\u0438\u043b\u0435\u0442 \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u043b\u0441\u044f \u0442\u043e\u043b\u044c\u043a\u043e \u0432 \u043e\u0434\u043d\u043e\u043c \u043f\u043e\u0447\u0442\u043e\u0432\u043e\u043c \u043a\u043b\u0438\u0435\u043d\u0442\u0435 \u2014 Outlook.com.<\/p>\n<p>  \u0412\u043e\u0442 \u043a\u0430\u043a \u0432\u0441\u0435 \u044d\u0442\u043e \u0432\u044b\u0433\u043b\u044f\u0434\u0435\u043b\u043e:<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/files\/a3a\/822\/40c\/a3a82240cd5946af844aecfe0808463b.gif\"\/><\/p>\n<p>  \u0412\u043e\u0442 \u043a\u043e\u0434 \u0434\u043b\u044f \u0431\u0438\u043b\u0435\u0442\u0430, \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u044e\u0449\u0435\u0433\u043e\u0441\u044f \u0432 Outlook.com:<\/p>\n<pre><code class=\"css\">&lt;div class=&quot;daenerys&quot; style=&quot;width: 0px; height: 0px; max-height: 0px; overflow: hidden;&quot;&gt;     &lt;div class=&quot;the-wall&quot;&gt;HOVER ARROW FOR A SURPRISE =)&lt;\/div&gt;     &lt;div class=&quot;tyrion&quot;&gt;\u2192&lt;\/div&gt;     &lt;div class=&quot;wildlings&quot;&gt;         &lt;div class=&quot;valyrian-steel&quot;&gt;             &lt;img src=&quot;http:\/\/litmus-email-campaigns.s3.amazonaws.com\/tedc15-tix-live\/n4.png&quot; style=&quot;width: 0px; height: 0px;&quot; \/&gt;         &lt;\/div&gt;     &lt;\/div&gt; &lt;\/div&gt;  <\/code><\/pre>\n<p>  \u0421\u0434\u0435\u043b\u0430\u0442\u044c \u0442\u0430\u043a, \u0447\u0442\u043e\u0431\u044b \u043e\u043d \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u043b\u0441\u044f \u0432 \u044d\u0442\u043e\u0439 \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u043e\u0439 \u043f\u043e\u0447\u0442\u043e\u0432\u043e\u0439 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0435, \u0443\u0434\u0430\u043b\u043e\u0441\u044c \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0445\u0430\u043a\u0430. \u0412\u0441\u0442\u0430\u0432\u043a\u0430 <code>.ExternalClass<\/code> \u043f\u0435\u0440\u0435\u0434 \u0438\u043c\u0435\u043d\u0435\u043c \u043a\u043b\u0430\u0441\u0441\u0430 \u0438 \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u043a \u0438\u043c\u0435\u043d\u0438 \u043a\u043b\u0430\u0441\u0441\u0430 \u043f\u0440\u0438\u0441\u0442\u0430\u0432\u043a\u0438 <code>.ecx<\/code> \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u044e\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c CSS, \u00ab\u0437\u0430\u0442\u043e\u0447\u0435\u043d\u043d\u044b\u0439\u00bb \u043f\u043e\u0434 Outlook.com.<\/p>\n<p>  \u041f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e \u044d\u0442\u0430 \u043e\u0431\u043b\u0430\u0441\u0442\u044c \u0431\u044b\u043b\u0430 \u0441\u043a\u0440\u044b\u0442\u0430 \u0438 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u043b\u0430\u0441\u044c \u0442\u043e\u043b\u044c\u043a\u043e \u043f\u0440\u0438 \u043d\u0430\u0432\u0435\u0434\u0435\u043d\u0438\u0438 \u043a\u0443\u0440\u0441\u043e\u0440\u0430 \u0432 \u043d\u0443\u0436\u043d\u043e\u043c \u043a\u043b\u0438\u0435\u043d\u0442\u0435. <\/p>\n<pre><code class=\"css\">.ExternalClass .ecxdaenerys {     display: inline-block !important;     width: auto !important;     height: auto !important;     overflow: visible !important;     opacity: 0; }  .ExternalClass .ecxdaenerys:hover {     opacity: 1; } <\/code><\/pre>\n<p>  \u041a\u043d\u043e\u043f\u043a\u0430 \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e \u0438\u043c\u0435\u043b\u0430 \u043d\u0443\u043b\u0435\u0432\u0443\u044e opacity, \u043e\u0434\u043d\u0430\u043a\u043e \u043f\u0440\u0438 \u0441\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u043d\u0438\u0438 hover-\u044d\u0444\u0444\u0435\u043a\u0442\u0430 \u0432\u043a\u043b\u044e\u0447\u0430\u043b\u0430\u0441\u044c \u043f\u043e\u043b\u043d\u0430\u044f \u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u043e\u0441\u0442\u044c. \u041a\u043e\u0433\u0434\u0430 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c \u043d\u0430\u0432\u043e\u0434\u0438\u043b \u043a\u0443\u0440\u0441\u043e\u0440 \u043d\u0430 \u0441\u0442\u0440\u0435\u043b\u043a\u0443 \u0432 \u043a\u043d\u043e\u043f\u043a\u0435, \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u043b\u0441\u044f \u0441\u043a\u0440\u044b\u0442\u044b\u0439 \u0431\u0438\u043b\u0435\u0442. \u0414\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043b\u0441\u044f \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u043a\u043e\u0434:<\/p>\n<pre><code class=\"css\">.tyrion:hover + .wildlings {     display: block !important;      position: absolute !important;     z-index: 10 !important; }  .ExternalClass .ecxvalyrian-steel img {     width: 650px !important;     height: 350px !important; } <\/code><\/pre>\n<p>  <\/p>\n<h4>\u041f\u0430\u0441\u0445\u0430\u043b\u043a\u0430 #5: \u0421\u043a\u0440\u044b\u0442\u0430\u044f \u043a\u043b\u0430\u0432\u0438\u0430\u0442\u0443\u0440\u043d\u0430\u044f \u043a\u043e\u043c\u0430\u043d\u0434\u0430<\/h4>\n<p>  \u041f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0439 \u0441\u044e\u0440\u043f\u0440\u0438\u0437 \u0431\u044b\u043b \u0441\u0430\u043c\u044b\u043c \u0441\u043b\u043e\u0436\u043d\u044b\u043c. \u0421 \u043f\u043e\u043c\u043e\u0449\u044c\u044e CSS \u0431\u044b\u043b\u0430 \u0441\u043e\u0437\u0434\u0430\u043d\u0430 \u0441\u043a\u0440\u044b\u0442\u0430\u044f \u043a\u043b\u0430\u0432\u0438\u0430\u0442\u0443\u0440\u043d\u0430\u044f \u043a\u043e\u043c\u0430\u043d\u0434\u0430 \u0434\u043b\u044f Webkit-\u043a\u043b\u0438\u0435\u043d\u0442\u043e\u0432. \u041f\u0440\u0438 \u0435\u0435 \u0432\u0432\u043e\u0434\u0430 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u043b\u0441\u044f \u0431\u0438\u043b\u0435\u0442.<\/p>\n<p>  \u0412\u043e\u0442 \u0442\u0430\u043a \u043e\u043d \u0432\u044b\u0433\u043b\u044f\u0434\u0435\u043b, \u043a\u043e\u0433\u0434\u0430 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c \u0435\u0433\u043e \u043d\u0430\u0445\u043e\u0434\u0438\u043b:<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/files\/0d6\/13b\/b36\/0d613bb361814b2b85f80c6d11c54d20.gif\"\/><\/p>\n<p>  \u0421\u043e\u0437\u0434\u0430\u0442\u0435\u043b\u0438 \u043f\u0430\u0441\u0445\u0430\u043b\u043a\u0438 \u0432\u0434\u043e\u0445\u043d\u043e\u0432\u043b\u044f\u043b\u0438\u0441\u044c CSS-\u0438\u0433\u0440\u043e\u0439 \u041c\u0430\u0440\u043a\u0430 \u0420\u043e\u0431\u0431\u0438\u043d\u0441\u0430 <a href=\"http:\/\/codepen.io\/M_J_Robbins\/pen\/NPRGjP\">Super Mario<\/a>, \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043b\u0438\u0441\u044c CSS-\u043a\u043b\u0430\u0432\u0438\u0430\u0442\u0443\u0440\u043d\u044b\u0435 \u0441\u043e\u043a\u0440\u0430\u0449\u0435\u043d\u0438\u044f. <\/p>\n<p>  \u041f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u044c \u043a\u043b\u0430\u0432\u0438\u0430\u0442\u0443\u0440\u043d\u044b\u0445 \u043a\u043e\u043c\u0430\u043d\u0434 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u0434\u0430\u043b\u0435\u043a\u043e \u043d\u0435 \u0432\u043e \u0432\u0441\u0435\u0445 \u043f\u043e\u0447\u0442\u043e\u0432\u044b\u0445 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0430\u0445 (\u0434\u0430 \u0438 \u043e \u0442\u0430\u043a\u043e\u0439 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438 \u0432 \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u0435 \u0437\u043d\u0430\u0435\u0442 \u043d\u0435 \u0442\u0430\u043a \u043c\u043d\u043e\u0433\u043e \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439), \u0434\u0430\u043d\u043d\u044b\u0439 \u0441\u044e\u0440\u043f\u0440\u0438\u0437 \u0431\u044b\u043b\u043e \u0440\u0435\u0448\u0435\u043d\u043e \u0440\u0430\u0441\u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0438\u0442\u044c \u0442\u043e\u043b\u044c\u043a\u043e \u043d\u0430 Webkit-\u043a\u043b\u0438\u0435\u043d\u0442\u044b. \u0414\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u0431\u044b\u043b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0439 \u043c\u0435\u0434\u0438\u0430\u0437\u0430\u043f\u0440\u043e\u0441:<\/p>\n<pre><code class=\"css\">@media screen and (-webkit-min-device-pixel-ratio: 0) { \/* Insert CSS here *\/ } <\/code><\/pre>\n<p>  \u0421\u0430\u043c\u0430 \u043a\u043e\u043c\u0430\u043d\u0434\u0430 \u0431\u044b\u043b\u0430 \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u043d\u0430 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e CSS \u0438 \u0442\u0435\u0433\u0430 <code>&lt;button&gt;<\/code>. <\/p>\n<pre><code class=\"css\">&lt;button class=&quot;kings-landing&quot; accesskey=&quot;t&quot; style=&quot;border: 0px; padding: 0px;&quot;&gt;&lt;\/button&gt; &lt;div class=&quot;sansa lannisport&quot;&gt;     &lt;div class=&quot;ramsay&quot;&gt;         &lt;div class=&quot;winterfell&quot;&gt;&lt;\/div&gt;     &lt;\/div&gt; &lt;\/div&gt; <\/code><\/pre>\n<p>   \u0417\u0430\u043f\u0443\u0441\u043a \u043a\u043e\u043c\u0430\u043d\u0434\u044b \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u043b \u0442\u0430\u043a:<\/p>\n<pre><code class=\"css\">.kings-landing:focus ~ .sansa {     display: block !important; } <\/code><\/pre>\n<p>  \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044f \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435 :focus \u0438 \u0432\u044b\u0431\u0438\u0440\u0430\u044f \u043a\u043b\u0430\u0441\u0441-\u0431\u043b\u0438\u0437\u043d\u0435\u0446 \u0434\u043b\u044f .sansa, \u043a\u043e\u043c\u0430\u043d\u0434\u0430 CTRL+ALT+T (\u201ct\u201d \u2014 \u0431\u044b\u043b\u0430 \u0432\u044b\u0431\u0440\u0430\u043d\u0430 \u0432 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 accesskey-\u0430\u0442\u0440\u0438\u0431\u0443\u0442\u0430 \u0432 \u043a\u043d\u043e\u043f\u043a\u0435) \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u043b\u0430 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u0431\u0438\u043b\u0435\u0442\u0430 \u0432 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u043f\u043e\u043b\u043d\u043e\u044d\u043a\u0440\u0430\u043d\u043d\u043e\u0433\u043e \u043e\u0432\u0435\u0440\u043b\u0435\u044f. \u0412\u043e\u0442 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0439 \u043a\u043e\u0434:<\/p>\n<pre><code class=\"css\">.sansa {     width: 100%;     height: 100%;     position: fixed;     top: 0;     left: 0;     z-index: 9999;     background: rgba(131,189,193,0.7);     display: none; }  .winterfell::after {     content: url('http:\/\/litmus-email-campaigns.s3.amazonaws.com\/tedc15-tix-live\/n5.png'); } <\/code><\/pre>\n<p>  <\/p>\n<h4>\u041e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0435 \u0441\u0442\u0430\u0442\u0443\u0441\u0430 \u0431\u0438\u043b\u0435\u0442\u043e\u0432 \u0432 \u043f\u0438\u0441\u044c\u043c\u0435 \u0432 \u0440\u0435\u0430\u043b\u044c\u043d\u043e\u043c \u0432\u0440\u0435\u043c\u0435\u043d\u0438<\/h4>\n<p>  \u041f\u043e \u043c\u0435\u0440\u0435 \u043d\u0430\u0445\u043e\u0436\u0434\u0435\u043d\u0438\u044f \u0441\u043a\u0440\u044b\u0442\u044b\u0445 \u0431\u0438\u043b\u0435\u0442\u043e\u0432, \u0438\u0445 \u043d\u0430\u0434\u043e \u0431\u044b\u043b\u043e \u043e\u0431\u043d\u043e\u0432\u043b\u044f\u0442\u044c \u0432 \u043f\u0438\u0441\u044c\u043c\u0435, \u0447\u0442\u043e\u0431\u044b \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0438 \u043f\u043e\u043d\u0438\u043c\u0430\u043b\u0438, \u0447\u0442\u043e \u044d\u0442\u043e\u0442 \u0431\u0438\u043b\u0435\u0442 \u0443\u0436\u0435 \u0431\u044b\u043b \u043d\u0430\u0439\u0434\u0435\u043d. \u0422\u0430\u043a \u043e\u043d \u0432\u044b\u0433\u043b\u044f\u0434\u0435\u043b \u0438\u0437\u043d\u0430\u0447\u0430\u043b\u044c\u043d\u043e:<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/files\/6d3\/01b\/649\/6d301b6499094f219cbb2b91578d3022.png\"\/><\/p>\n<p>  \u0410 \u0432\u043e\u0442 \u0442\u0430\u043a \u043f\u043e\u0441\u043b\u0435 \u043e\u0431\u043d\u0430\u0440\u0443\u0436\u0435\u043d\u0438\u044f:<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/files\/fee\/392\/44b\/fee39244bb4743dd8193963aa503b450.png\"\/><\/p>\n<p>  \u041a\u0440\u043e\u043c\u0435 \u0442\u043e\u0433\u043e, \u0432 \u043d\u0438\u0436\u043d\u0435\u0439 \u0447\u0430\u0441\u0442\u0438 email-\u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f \u0431\u044b\u043b\u0430 \u0441\u043e\u0437\u0434\u0430\u043d\u0430 \u043f\u0430\u043d\u0435\u043b\u044c, \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u044e\u0449\u0430\u044f \u0447\u0438\u0441\u043b\u043e \u0435\u0449\u0435 \u043d\u0435 \u043d\u0430\u0439\u0434\u0435\u043d\u043d\u044b\u0445 \u0431\u0438\u043b\u0435\u0442\u043e\u0432. \u0412\u043e\u0442 \u0442\u0430\u043a \u043e\u043d\u0430 \u0432\u044b\u0433\u043b\u044f\u0434\u0435\u043b\u0430 \u0434\u043e \u0442\u043e\u0433\u043e, \u043a\u0430\u043a \u0431\u044b\u043b \u043d\u0430\u0439\u0434\u0435\u043d \u0445\u043e\u0442\u044f \u0431\u044b \u043e\u0434\u0438\u043d \u0431\u0438\u043b\u0435\u0442:<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/files\/3ed\/b3d\/3c4\/3edb3d3c4caf4f3c8eb328b0f43c620f.png\"\/><\/p>\n<p>  \u041a\u0430\u0436\u0434\u044b\u0439 \u0431\u0438\u043b\u0435\u0442 \u0431\u044b\u043b \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435\u043c, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0435\u0433\u043e \u043c\u043e\u0436\u043d\u043e \u0431\u044b\u043b\u043e \u043b\u0435\u0433\u043a\u043e \u043f\u0435\u0440\u0435\u0437\u0430\u043f\u0438\u0441\u0430\u0442\u044c. \u0412\u043e\u0442 \u0442\u0430\u043a \u0432\u044b\u0433\u043b\u044f\u0434\u0435\u043b\u0430 \u043f\u0430\u043d\u0435\u043b\u044c, \u043f\u043e\u0441\u043b\u0435 \u043e\u0431\u043d\u0430\u0440\u0443\u0436\u0435\u043d\u0438\u044f \u0432\u0441\u0435\u0445 \u043f\u0430\u0441\u0445\u0430\u043b\u043e\u043a:<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/files\/8a5\/779\/fa5\/8a5779fa54bf445ea69127261fe03cba.png\"\/><\/p>\n<h5>\u0414\u0440\u0443\u0433\u0438\u0435 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u044b \u043e \u0432\u0435\u0440\u0441\u0442\u043a\u0435 \u043f\u0438\u0441\u0435\u043c \u0432 \u0431\u043b\u043e\u0433\u0435 \u00ab\u041f\u0435\u0447\u043a\u0438\u043d\u0430\u00bb:<\/h5>\n<p>  <\/p>\n<ul>\n<li><a href=\"http:\/\/habrahabr.ru\/company\/pechkin\/blog\/263699\/\">How-to: \u0430\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u044b\u0435 \u043f\u0438\u0441\u044c\u043c\u0430 \u0432 Gmail<\/a><\/li>\n<li><a href=\"http:\/\/habrahabr.ru\/company\/pechkin\/blog\/261447\/\">\u041a\u0430\u043a \u0441\u0432\u0435\u0440\u0441\u0442\u0430\u0442\u044c \u0444\u043e\u043d\u043e\u0432\u043e\u0435 HTML5-\u0432\u0438\u0434\u0435\u043e \u0432 email-\u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0438<\/a><\/li>\n<li><a href=\"http:\/\/habrahabr.ru\/company\/pechkin\/blog\/264129\/\">\u0420\u0435\u0436\u0438\u043c \u0447\u0438\u0442\u0430\u0442\u0435\u043b\u044f: \u041f\u0430\u0433\u0438\u043d\u0430\u0446\u0438\u044f \u0432 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u0445 email-\u043f\u0438\u0441\u044c\u043c\u0430\u0445<\/a><\/li>\n<li><a href=\"http:\/\/habrahabr.ru\/company\/pechkin\/blog\/260945\/\">\u0427\u0442\u043e \u043d\u0443\u0436\u043d\u043e \u0437\u043d\u0430\u0442\u044c \u043e \u0440\u0430\u0431\u043e\u0442\u0435 \u0441 \u0442\u0435\u043a\u0441\u0442\u043e\u043c \u043f\u0440\u0435\u0432\u044c\u044e email-\u043f\u0438\u0441\u0435\u043c<\/a><\/li>\n<li><a href=\"http:\/\/habrahabr.ru\/company\/pechkin\/blog\/259909\/\">How-to: \u0422\u0438\u043f\u043e\u0433\u0440\u0430\u0444\u0438\u043a\u0430 \u0432 \u0434\u0438\u0437\u0430\u0439\u043d\u0435 email-\u043f\u0438\u0441\u0435\u043c<\/a><\/li>\n<\/ul>\n<div class=\"clear\"><\/div>\n<p> \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b \u0441\u0442\u0430\u0442\u044c\u0438 <a href=\"http:\/\/habrahabr.ru\/post\/264523\/\"> http:\/\/habrahabr.ru\/post\/264523\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>       <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/files\/0ad\/252\/70e\/0ad25270e3fa4dbaa1d06f50bf26005f.png\"\/><\/p>\n<p>  \u0412 \u043d\u0430\u0448\u0435\u043c \u0431\u043b\u043e\u0433\u0435 \u043c\u044b \u0434\u043e\u0432\u043e\u043b\u044c\u043d\u043e \u0447\u0430\u0441\u0442\u043e \u043f\u0438\u0448\u0435\u043c \u043e \u0440\u0430\u0437\u043d\u043e\u043e\u0431\u0440\u0430\u0437\u043d\u044b\u0445 \u044d\u043a\u0441\u043f\u0435\u0440\u0438\u043c\u0435\u043d\u0442\u0430\u0445 \u0432 \u043e\u0431\u043b\u0430\u0441\u0442\u0438 \u0432\u0435\u0440\u0441\u0442\u043a\u0438 <a href=\"https:\/\/pechkin-mail.ru\/?utm_source=habr&amp;utm_medium=referral&amp;utm_campaign=eggs\">email-\u0440\u0430\u0441\u0441\u044b\u043b\u043e\u043a<\/a> \u2014 \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0438 <a href=\"http:\/\/habrahabr.ru\/company\/pechkin\/blog\/261447\/\">\u0444\u043e\u043d\u043e\u0432\u043e\u0433\u043e HTML5-\u0432\u0438\u0434\u0435\u043e<\/a> \u0432 \u043f\u0438\u0441\u044c\u043c\u0435 \u0438\u043b\u0438 \u0432\u043d\u0435\u0434\u0440\u0435\u043d\u0438\u0438 \u0432 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435 <a href=\"http:\/\/habrahabr.ru\/company\/pechkin\/blog\/264129\/\">\u043f\u0430\u0433\u0438\u043d\u0430\u0446\u0438\u0438<\/a>. \u0421\u0435\u0433\u043e\u0434\u043d\u044f \u0440\u0435\u0447\u044c \u043f\u043e\u0439\u0434\u0435\u0442 \u043e \u0435\u0449\u0435 \u043e\u0434\u043d\u043e\u0439 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u043e\u0439 \u043c\u0435\u0445\u0430\u043d\u0438\u043a\u0435 \u2014 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0438 \u0432 \u043f\u0438\u0441\u044c\u043c\u0435 \u00ab\u043f\u0430\u0441\u0445\u0430\u043b\u044c\u043d\u044b\u0445 \u044f\u0438\u0446\u00bb, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0443\u0432\u0435\u043b\u0438\u0447\u0438\u0432\u0430\u044e\u0442 \u0432\u043e\u0432\u043b\u0435\u0447\u0435\u043d\u043d\u043e\u0441\u0442\u044c \u0447\u0438\u0442\u0430\u0442\u0435\u043b\u0435\u0439. <\/p>\n<p>  \u0421\u0445\u0435\u043c\u0430 \u0440\u0430\u0431\u043e\u0442\u0430\u043b\u0430 \u0442\u0430\u043a \u2014 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c \u0434\u043e\u043b\u0436\u0435\u043d \u0431\u044b\u043b \u043d\u0430\u0439\u0442\u0438 \u043f\u0430\u0441\u0445\u0430\u043b\u043a\u0443, \u043e\u043f\u0443\u0431\u043b\u0438\u043a\u043e\u0432\u0430\u0442\u044c \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044e \u043e \u043d\u0435\u0439 \u0441 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u043c \u0445\u0435\u0448\u0442\u0435\u0433\u043e\u043c \u0432 \u0422\u0432\u0438\u0442\u0442\u0435\u0440 \u2014 \u0438, \u0435\u0441\u043b\u0438 \u043e\u043d \u0441\u0442\u0430\u043d\u043e\u0432\u0438\u043b\u0441\u044f \u043f\u0435\u0440\u0432\u044b\u043c, \u043f\u043e\u043b\u0443\u0447\u0430\u043b \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u044b\u0439 \u0431\u0438\u043b\u0435\u0442, \u0430 \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0435 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0438 \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u043b\u0438\u0441\u044c \u0437\u0430 \u043f\u043e\u0438\u0441\u043a \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0433\u043e \u0441\u044e\u0440\u043f\u0440\u0438\u0437\u0430. \u0418\u0442\u0430\u043a, \u043f\u044f\u0442\u044c \u00ab\u043f\u0430\u0441\u0445\u0430\u043b\u043e\u043a\u00bb \u043f\u043e\u0437\u0432\u043e\u043b\u0438\u043b\u0438 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438 Litmus \u0440\u0430\u0441\u043f\u0440\u043e\u0434\u0430\u0442\u044c \u0431\u0438\u043b\u0435\u0442\u044b \u043d\u0430 \u0441\u0432\u043e\u044e \u043a\u043e\u043d\u0444\u0435\u0440\u0435\u043d\u0446\u0438\u044e, \u043f\u043e\u0441\u0432\u044f\u0449\u0435\u043d\u043d\u0443\u044e \u0432\u043e\u043f\u0440\u043e\u0441\u0430\u043c \u0434\u0438\u0437\u0430\u0439\u043d\u0430 email-\u0440\u0430\u0441\u0441\u044b\u043b\u043e\u043a.<\/p>\n<p>  <i>\u0412\u0430\u0436\u043d\u044b\u0439 \u043c\u043e\u043c\u0435\u043d\u0442: \u043f\u0438\u0441\u044c\u043c\u043e \u043f\u043e\u043b\u0443\u0447\u0430\u043b\u0438 \u043b\u044e\u0434\u0438, \u043f\u043e\u0434\u043f\u0438\u0441\u0430\u043d\u043d\u044b\u0435 \u043d\u0430 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0443\u044e \u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0443 \u0438 \u0437\u0430\u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u0432 \u043f\u043e\u0434\u043e\u0431\u043d\u043e\u043c \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0435.<\/i><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-263310","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/263310","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=263310"}],"version-history":[{"count":0,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/263310\/revisions"}],"wp:attachment":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=263310"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=263310"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=263310"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}