Ethan Marcotte回答您的响应式网页设计问题

@txpmag:响应式网络广告是否有未来?
EM: 有个需要对于响应式广告,我会说的很多。上波士顿环球报,我们提出了一个解决方案,用于响应地在网站的流体网格中宣传广告,随着视口变宽或变小,在网页的层次结构上移动广告。而我们 - 和地球- 对我们实施的解决方案感到非常兴奋。

但我们很快意识到布局是我们遇到的问题中最少的。设计和销售在线广告的方式需要进行健康的改进。都马克博尔顿罗杰 黑色已经详细介绍了这个问题。所以需要改变一些事情。在广告行业开始更灵活地思考之前,也许我们可以开始创作,并概述一些广告可以超越桌面的方式。

@northk:我想知道在多个设备上显示响应式图像最实用,最强大的方法。
EM:嗯,现在整个“响应图像”区域有很多活动。带宽检测是一个盲点所有我们,无论我们是在前端还是后端工作。 'navigator.connection'没有广泛实施或(我认为)具体到足以帮助,我们都在看设备API工作组有兴趣地工作。

也就是说,我对“图片”的讨论感到非常兴奋,其中大部分内容都得到了很好的指导Mat Marquis在...上W3C社区小组用于响应式图像。和斯科特杰尔的'picturefill'意味着我们今天就可以开始尝试了。

当然,我们甚至没有新标记模式的规范,更不用说工作的本机实现了。所以也许在短期内,也许我们需要依靠服务器端内容协商 - 尽管如果是这样的话,希望它有一个更“移动第一”的心态,一个laBrett Jankord的分类师

但我确实想知道我们是否还有其他选择:为什么我们不能向用户询问他们更喜欢哪种体验?他们习惯于在访问Gmail时做出化妆品用户界面决策,或者在YouTube上选择他们喜欢的高质量视频。哎呀,每当他们点击手机上的“移动”或“桌面”链接时,他们就会选择彼此根本不同的体验和功能集。所以我想知道这里是否有一个更细微的解决方案:我们可以问我们的用户,好吧,告诉我们要做出什么样的带宽决策?

@christianboyle:RWD应该是可选的,并且作为一项功能单独定价,还是应该是默认方法并从一开始就定价?
EM:老实说,这取决于项目。并非每个站点都需要响应,而有些站点不会受益于站点优化方法。对你的观众需求的研究将比以往任何时候都更好地回答。

Stevie McKeown:在他的书中,你提倡使用百分比填充和边距。不过你的个人网站您还在边距和填充内使用像素和ems。你目前的建议是什么?
EM:嗯,我的网站没有响应 - 它使用灵活的,基于网格的布局,但没有任何媒体查询可言。但是对于你的问题:我非常喜欢水平边距和填充的基于百分比的测量,以及垂直等效的ems。

尼尔森罗德里格斯:对于从RWD开始的设计人员和开发人员二人组,您推荐什么框架?
EM:有很多很棒的响应式框架:ZURB成立约什霍普金斯流体基线网格,和Twitter的Bootstrap 2.0版本具有可选的响应网格

每个人看起来都很有希望,但我应该提到我不使用CSS框架来生成代码。我发现它们对于原型设计非常有价值,可以尽快在屏幕上获取想法,并了解它们如何在响应式布局中抖动。但对于最终的,客户端就绪的可交付成果,我喜欢在设计中定制代码,并完成默认情况下针对小屏幕优化的响应式设计,但逐步增强到更广泛的显示。

保罗兰德尔:您通常开发和测试哪些设备(智能手机/平板电脑)和断点?
EM:嗯,我非常相信将断点与设计相匹配,而不是单个设备。如果我们追求更加面向未来的响应式设计,我们应该停止以“320px”,“480px”,“768px”或其他任何方式来思考 - 网络的比那更灵活,这些像素是我们今天所知的网络快照。相反,我们应该专注于为我们正在进行的设计量身定制的断点。这些断点是否是像素驱动的“em'为主你决定。

至于测试,我真的很幸运能够在旁边工作JQuery Mobile测试实验室。但如果你有兴趣建立自己的测试工具包,我强烈推荐PPK关于移动浏览器格局的ALA文章,和Brad Frost的设备采购策略