关于响应式设计与服务端性能

服务器端层

智能响应策略的最后一个选择是服务器。

服务器端功能检测和决策不是 移动网络的新鲜玩意。类似 WURFL 和Device Atlas的库在市场上有好多年，响应式设计和服务器组件的混合也众所周知。有时被称为是响应式设计和服务器端组件（RESS）,有时又叫自适应设计，这 提高了响应式设计的速度和可用性，同时每一个服务器端都保持一个代码库。

很遗憾的是。这些技术这几年并没有什么突破性的发展。只能在博客和 杂志里看到一些开发者对“RESS”、“响应式”、“自适应”做比较。原因就是：我们是前端专业人士。任何涉及到服务器的事情看起来都是不太愉快的问题。 在一些情况下，前端设计师能把握好服务器的脚本，另一些情况是，服务器由远程开发团队管理，设计师不想每做一次小的UI改变就要和远程团队沟通处理。我能 体会这种感觉。

这就是在大型项目中要花时间思考新架构层的原因，这样前端工程师对服务器做决定时不会影响到后端架构。Node.js是一个极好的备选平台，是介于当前企业后端基础和前端之间的服务器端层。

在这个新的端层里，前端的工程师可以根据有现实的决定权，这会使得在不触及后端架构的情况下，让所有设备上的体验更为快速、响应、可用。

RESS: Responsive Design + Server Side Components

http://www.lukew.com/ff/entry.asp?1392

可翻译

时间： 2024-10-12 21:46:07

关于响应式设计与服务端性能的相关文章

如何在响应式基础上提升移动性能///响应式不是万能的！教你提升响应式设计的移动性能（一）

如何在响应式基础上提升移动性能 摘要:如何在响应式基础上提升移动性能,从细节做起,结合网站,做好响应式页面的设计优化工作.,随着互联网的高速发展,合肥网站建设小编今天为大家介绍,为解决移动性能的响应式页面设计并不是万能的,而应该不断的改进,从而更好的为用户服务.随着互联网的高速发展,例如近段时间炒得火热的谷歌申请的无人机技术,以及电商门户网站阿里巴巴的上市等等,这都促进了互联网日新月异的变化. 所以作为网站seo人员不应固步自封,而应该努力的跟上时代的步伐,不仅需要学习相关的seo知识,而且对于

移动端Web开发（响应式设计）

Amaze移动端开发框架:http://amazeui.org/ Zepto.js:http://www.css88.com/doc/zeptojs_api/ 移动端下拉刷新插件:https://github.com/lightningtgc/material-refresh 响应式Web设计代码实现:http://bbs.html5cn.org/thread-86091-1-1.html 参考网址:http://mobile.51cto.com/web-442588.htm    http:/

响应式设计的性能优化（转）

2010年,Ethan Marcotte 提出了「响应式网页设计」(Responsive Web Design),通过 Media Query 和 Fluid Layout 判断屏幕宽度,自行调整布局. 一般,在页面头部加入 viewport 标签 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> viewport: 一般指的是浏览器

第二次讨论——响应式设计、布局技巧、css性能优化、css预处理

第二次讨论 [响应式设计] 集中创建页面的图片排版大小,可以智能地根据用户行为以及使用的设备环境(系统平台.屏幕尺寸.屏幕定向等)进行相对应的布局. 响应式布局: meta标签的实用:设置布局宽度等于设备宽度,布局viewport等于度量viewport <meta name="viewport" content="width=device-width,initial-scale=1"> [[布局]] [水平居中] 一.text-align和inline

复杂产品的响应式设计【流程篇】

转载:http://ued.taobao.org/blog/2013/05/复杂产品的响应式设计[流程篇]/ 响应式网页不像传统网页只需考虑一种状态,不是交付一套设计稿就完事儿了,它给设计.前端和开发团队之间的协作模式带来新的挑战.在一个复杂产品全面响应式的项目里,交互每个阶段该产出什么?交互与视觉如何协作?前端何时介入?哪些事情让后端开发来做更合理?经历“玩客”第一版后,我们得到了一些答案. 响应式设计之所以叫响应式“设计”而不叫响应式“技术”,是因为它是一项设计先行的工作.需要设计先明确好响

复杂产品的响应式设计流程

响应式网页不像传统网页只需考虑一种状态,不是交付一套设计稿就完事儿了,它给设计.前端和开发团队之间的协作模式带来新的挑战.在一个复杂产品全面响应式的项目里,交互每个阶段该产出什么?交互与视觉如何协作?前端何时介入?哪些事情让后端开发来做更合理?经历"玩客"第一版后,我们得到了一些答案. 响应式设计之所以叫响应式"设计"而不叫响应式"技术",是因为它是一项设计先行的工作.需要设计先明确好响应方式再实现出来,不能出一套设计稿后等着前端看情况把它变成响

响应式设计的现状与趋势

从2012年开始到2014年,各大家对Web设计的趋势预测中,都提到响应式设计:2015年网页设计趋势预测中,响应式仍在继续.这个经历了几年依然大热的响应式,在过去的几年里,快速巩固了自己的地位,并掀起了一股网页设计新标准的浪潮.这里本人基于一些资料文献及自己的陋见,谈谈响应式设计的一些现状和趋势. 源起 2010年5月,伊桑.马科特(Ethan Marcotte)在"A List Apart"写了一篇开创性的文章(题为"Responsive Web Design"

5个常见响应式设计陷阱及解决方案

0. 目录 目录 引言 正文 1 引入 1 意外的文字改变 2 非期望的表单样式 3 误导的仿真器错误mulator Errors 4 桌面端表现良好动画的移动端呈现问题 5 触摸事件Touch Event的坐标注册问题 6 总结 声明 1. 引言 原文:Sitepoint的5 Responsive Design Pitfalls and How to Avoid Them 译者:前端开发whqet,意译为主不当之处,欢迎指正! 译言:希望能够对大家所有帮助. 2. 正文 2.1 引入 想象这样

web响应式设计技能大盘点

响应式网页设计已经变成新的web标准,许多公司已经接受了这个挑战,并且已经建立起了专门的网页设计方案(比如只针对移动端的开发)或者已经开始试图解决跨平台的响应式网页设计方案. 1.计划 与往常一样,计划总是要放在第一优先级的.一旦你在纸上开始解决你的设计难题,你就已经准备好建立你的站点了. 2.充分利用好原型软件 推荐使用Adobe Edge Reflow,它能让你使用媒体查询,在程序内设置断点并设计适配桌面电脑.平板电脑和手机的布局.然后,你可以将CSS复制到另一个像Adobe Dreamwe