本港台最快开奖结果_本港台118kj开奖现场_明日大富翁开奖结果

[2019]本港台最快开奖结果是给大家带来了一个可以免费下载正版的机会,1本港台118kj开奖现场为玩家提供免费好玩的iPad游戏下载,点击明日大富翁开奖结果了解更多优惠信息,因为只有在注册之后下载下来的平台才是官方指定的。

在Email中防御性地使用HTML5和CSS3的指南

来源:http://www.alloutofdebt.com 作者:新闻资讯 人气:105 发布时间:2019-10-09
摘要:在Email中防备性地应用HTML5和CSS3的指南 2015/04/20 · CSS,HTML5 · 1评论 ·Email 本文由 伯乐在线 -fzr翻译,黄利民校稿。未经许可,禁绝转发! 马耳他语出处:litmus.com。迎接参预翻译组。 “在

在Email中防备性地应用HTML5和CSS3的指南

2015/04/20 · CSS, HTML5 · 1 评论 · Email

本文由 伯乐在线 - fzr 翻译,黄利民 校稿。未经许可,禁绝转发!
马耳他语出处:litmus.com。迎接参预翻译组。

“在Email中不能够应用HTML5或CSS3”。

由于它们“有限”的帮忙,那已产生邮件设计行当的贰个科普共同的认知。可是,大家现在能够说它是叁个通通荒唐的说法。

就算援救还不是万分通用的,但广大主流电邮顾客端已经足以支持HTML5和CSS3了。实际上,电中国人民邮政分局体商号的二分一都援救HTML5和CSS。前五大电邮客户端中也会有3家最先补助它们了。对于特定客户,可支持的开始和结果只怕会更加多。

但是,那多少个还不可能帮衬这几个高等功能的客商端会怎么着啊?你的邮件在这么的订阅者的邮箱中该怎么体现?当那个关乎到邮箱,就总结为一个:为订阅者提供特出的心得。但是,那也不意味你的邮件必须在每一家客商端中都体现的一致——只供给使你的具备订阅者都能易得易取。

自己喜爱得舍不得放手的两位邮件设计员——Jonathan Kim 和 Brian Graves——就非常强调应用分化的诀窍达成:防止性邮件设计和渐进式加强。

防范性邮箱设计

粗粗三年前, Jonathan Kim在我们的 Mobile Master 小说展上建议了“Pushing the Limits of Email”的概念。在言语中,乔恩athan发明了一个新词来注解当前的电邮设计意况,即防守性邮件设计。

他表达说,由于部分信箱顾客端对CSS的扶助有限,使得邮件设计者们陷入了破旧的宏图情形。他首倡邮件设计者们事先为这几个援救互联网渲染引擎的顾客端设计,进而推动邮件设计行当发展。

渐进式加强

依此类推,在二〇一六年的信箱设计大会上,DEG的UI设计师, Brian Graves,,建议了“赢得在各类显示屏上统一准备的大战”。他的说道的最首要在于渐进式巩固,关于在支持的情形上提供高等作用。他也强调了高雅降级的非常重要。高贵降级意味着,就算订阅者的信箱客商端不能够支撑某项特定成效,你也要能为她们提供愉悦的客户体验。

对获取Brian的完全体现感兴趣?幻灯片和摄像以后都有提供了。

自动楼梯正是实在生活中二个渐进式加强和高雅降级的精细入微例子。已辞世正剧明星Mitch Hedberg开玩笑说,“自动扶梯恒久不会出故障:因为它能够只是三个阶梯。你应当长久也不会看见‘自动扶梯权且故障’的牌子,只是‘自动扶梯近日为阶梯’,不实惠方便。”不论意况怎么,自动扶梯都能保持和煦的机能。

为HTML5和CSS3落到实处渐进式巩固

应用渐进式巩固是消除邮件设计的最有效措施。大家都知道的是,在邮箱中选择守旧的HTML5和CSS3会在不一样客户端之间引起广大渲染难题。向后的宽容性特不一致等——一些HTML和CSS有加强的向后包容性而任何的却并未。对此,分歧的客商端应用了分歧取舍。使用规范的HTML5和CSS3内需更加多的测量检验,並且会影响开采速度。所以,到底怎么样才是在邮箱中贯彻渐进式加强的最佳法子?

在电邮中选用HTML5和CSS3不必太困难。它不须要在奇特的信箱客户端上浪费大量时光排除故障(说的正是Outlook邮箱)。它所要求做的便是用三个适当的框架来急迅施行HTML5和CSS3而不用压抑和挂念爆发渲染难点。何况,极其幸运的是,大家有那么的框架。

上边正是邮件设计者们和开拓者们提供的一行首要的代码:

XHTML

@media screen and (-webkit-min-device-pixel-ratio:0) { /* Insert styles here */ }

1
2
3
@media screen and (-webkit-min-device-pixel-ratio:0) {
  /* Insert styles here */
}

本条媒体询问只针对辅助WebKit的信箱顾客端——对HTML5和CSS3有狐疑的帮忙度。那一个媒体询问允许你使用当代技能例如HTML5录制、CSS3卡通、web字体以及更加的多。

那几个主意也将今世邮件顾客端和旧式顾客端的邮箱开荒分为两有个别。你能够在动用Safari或Chrome浏览器为支撑WebKit的顾客端测量试验开垦今世技艺的还要,使用Firefox为旧式浏览器提供诸如外观之类的基圣济总录验。

如此那般消除电邮开拓难点得以将越来越多的品质调控进度转移到浏览器方面并非电邮用户端。那给予邮件设计者以更加多的权力,调整力,和自信去支付八个能在装有邮箱顾客端之间高贵渲染的电邮。

下载那些Litmus测量试验结果,呈现了就媒体询问对WebKit的帮助。值得注意的是,Gmail——既是八个web邮箱客商端,也是多个移动App——并不援救媒体询问,所以这么些测验对那多个显示器截图无效。

你也得以针对Gecko(Firefox)渲染那几个媒体询问:

XHTML

@-moz-document url-prefix() { /* Insert styles here */ }

1
2
3
@-moz-document url-prefix() {
  /* Insert styles here */
}

相当少有客商端选择Gecko(Firefox)作为渲染引擎,那也是为啥最棒就协助WebKit的邮箱提供您的巩固版。但是,使用媒体询问为Web基特渲染引擎增多一样的功能就总结的多了,对Thunderbird之类的客商端来讲。

除去那些法子,还恐怕有别的在电邮中贯彻HTML5和CSS3的不二法门吧?有。但大家信赖那几个点子是支付的最飞快的方法——也是最安全的。它减少了为新鲜邮箱顾客端支出外观之类供给的职业量,並且聚焦于依靠浏览器的测量试验。

小结:渐进式加强的建议

叩问您的受众

订阅者在哪个地方展开你的邮件?他们会动用对HTML和CSS援助的很好的如BlackBerry和AppleMail之类的顾客端吗?你能够应用Litmus’ Email Analytics测量检验工具检查测量检验出订阅者中最风靡的信箱App。

依附所获取的音信,你能够垄断(monopoly)是还是不是渐进式加强会对你的办事有助于。举例,倘诺您的受众中多方面应用WebKit,能够很好的辅助高档成效,那么恐怕尝试革新性的手艺,比方HTML5 摄像,会是二个不利的主见!

树立一个着力经验

用对HTML和CSS协理少数的信箱App——如Outlook和Gmail,在你为任何客户端优化邮件从前,为订阅者建构壹其中坚经验。渐进式增强不应该让其余客商产生次优体验。

尽大概优化

比方您已经济建设立三个核滋阴解毒验,就起来为别的客商优化体验。你能够应用CSS3,录像,交互,可缩放向量图形(SVG),以及web字体。记住,尽管是对HTML和CSS扶助的可比好的Email顾客端也可以有它们分别的超过常规规之处,照旧必要测试哪些才是可行的。

实战:邮件中的渐进巩固例子

大家先看看一些在邮件中运用渐进式加强的开创性例子。为了显得对那么些邮件的优化,你必须使用二个如Chrome或Safari同样以WebKit为引力的浏览器。

2016邮件设计大会以HTML5录像为背景的邮件

为了播报二零一五邮件设计大会,大家决定认真地以HTML5录制为背景实现渐进式巩固。固然这种专门项目技巧只可以在Apple邮箱和Outlook 二零一二(Mac版)上行事,但那二种顾客端到达接收特定邮件的客商伍分一左右。

View the full email here

对此不援助摄像的电邮客户端,HTML5录制仅仅只是退化为一周丽娟态背景图片。大家的结果却是让人惊异的——何况回报也是危言耸听的!

B&Q 交互式旋转圆盘邮件

今年中最酷的邮件之一是B&Q的交互式旋转圆盘邮件。对于WebKit顾客端,该邮件包罗了贰个转悠火热,供客商点击查阅分裂的片段。

View the full email here

一切邮件中最令人影象深切的有个别,大概是它为非WebKit邮箱使用的备用方案——一个美观的团团转木马网格布局,未有藏身也未有复制任何内容!

图片 1

您能够在 Firefox 或 Internet Explorer 浏览器中展开该邮件查看备用设计。

Litmus Builder(邮件开垦工具)交互之旅邮件

为了引进大家的新邮件代码编辑器,Litmus Builder,在那封邮件中显得了汪洋的可点击交互。一样,该技能也只幸好Apple邮箱和Outlook 二零一三(Mac版)中专门的工作,而那三个却占了我们的花费者的多边。(注:邮件须要显示器起码800像素宽工夫浏览。)

该展览仅仅只是退化为贰个静态背景图片,况兼会调用接口跳转到登入页面。这邮件取得了高大的成功,其出品在最先先的几天里扩展了好些个的客户。

View the full email here

想尝试一下 Litmus Builder?注册后 ,你就足以开端运用HTML5和CSS3测量试验你的邮件!

三个更新邮件设计框架

CSS

@media screen and (-webkit-min-device-pixel-ratio:0) { /* Insert styles here */ }

1
2
3
@media screen and (-webkit-min-device-pixel-ratio:0) {
  /* Insert styles here */
}

这些红娘查询为邮件设计员提供了三个粗略的翻新框架。我们得以为保有今世信箱客商端的那一大片段订阅者提供更加好的体会。

最佳的守卫正是攻打。以后该是进攻的时候了。在邮件设计中使用那么些红娘查询早先更新,拉动邮件前进。

为了订阅者去品尝。为了我们的行当,为了 对邮件的热衷。

现已十万火急想看看大家会一齐成立出什么了。

倘使您用的是这种办法——可能支付你和煦的越来越尖端的本子——在您的邮件中,或然一旦你对这种艺术有别的的问号,请在底下的评论和介绍中贴出,大概用越来越好的主意,去Litmus社区!

察觉你的受众 + 测量检验你的宏图

对此能够发轫应用高等技能像HTML5和CSS3来推动邮件发展,是还是不是深感很震撼?确认保障识别出订阅者们最心爱的信箱应用软件,然后测量检验你新设计的邮件。

通过邮件剖判,你能够了然订阅者平时在哪儿打开邮件,那样你就能够聚集精力在渐进式加强(以及高贵降级!)上了。

测量检验设计也是付出进程中格外主要的一步。在二十多个以上邮箱客商端和APP之间的宽容性测验,可以保险订阅者们无论用哪些邮箱张开邮件都能健康得到你的邮件。

 

赞 收藏 1 评论

有关小编:fzr

图片 2

微博:@fzr-fzr) 个人主页 · 笔者的篇章 · 26

图片 3

本文由本港台最快开奖结果发布于新闻资讯,转载请注明出处:在Email中防御性地使用HTML5和CSS3的指南

关键词:

上一篇:没有了

下一篇:轻松监听任何App自带返回键

频道精选

最火资讯