阅读更多

3顶
0踩

Web前端

转载新闻 Web响应式设计的局限和误区

2012-05-09 17:35 by 副主编 MnouW 评论(0) 有4070人浏览
我们已经讨论了很多关于如何创建响应网站的思想——使用灵活的布局、媒体查询、图像缩放及其它一些技术,总之,使网站在各种屏幕上都能很好的运行并且美观。


然而,有时关注一下web响应设计中的禁忌也是大有裨益的。最近,响应设计大师Brad Frost在.Net杂志上发表了响应设计人员最常犯的五种错误其中提到了这样的错误:利用特定尺寸的屏幕来触发布局变化和避免将单一的尺寸应用于所有的屏幕。

关于后者,Frost写到:
引用
各种移动设备不仅仅是屏幕尺寸的不同……我们也不应该仅仅因为创建响应布局就自我满足。例如,我们有时会忘记手机可以定位、通话等等。这些设备上的浏览器有望在不久的将来提供更多的访问设备的APIs,这样,web的功能将进一步扩充。

我们应该充分发挥设备的硬件功能。处理约束为我们打下了很好的基础,而后,我们可以利用渐进增强、特征检测等技术使用户体验进一步地提高。

这篇文章是值得一读的。但是我们想加入第六条规则:不要认为你昨天所开发的东西在明天运行起来依然是最好的。

这并不是说你今天开发的东西到明天就不能用了。只是,可能会有更简便的方式来实现同一功能。

Web响应设计是个新兴的挑战,关于如何进行web响应设计的最佳方案还在制定当中。这是件很痛苦的事情,但这也意味着一些聪明人士正在解决一些很困难的问题,而你可以从中受益(前提是你要知道此事)。

新事物总是不断涌现,也许是处理响应图像的新方法,也许是一个为支持更多的CSS特征而进行的浏览器升级。我们建议开发人员在开发新项目之前花一些时间好好阅读一下最新的技术提示和技巧。新的响应设计工具正在紧张地开发和完善当中,当你开发下一个响应网站时,你在上一个项目中所用到的hack也许已经成为了一个稳定的、维护良好的JavaScript库。

原文:Responsive Web Design: What Not to Do
  • 大小: 43.6 KB
  • 大小: 43.6 KB
来自: Web App Trend
3
0
评论 共 0 条 请登录后发表评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • Web用户体验设计提升实践

    本文是基于 Shopee 供应链团队内部 WMS(Warehouse Management System,仓库管理系统) 项目的整体重构,总结而出的一份 Web 用户体验设计提升指南。

  • 探索式测试中的几种误区

    探索式测试(Exploratory Testing)是敏捷测试中的重要组成部分,其价值与一般性测试如用户故事测试或者自动化测试不同,它所关注的是“意料之外”的软件缺陷,探索式测试作为一个研究性、启发性和严肃性并存的测试...

  • web服务器

    WEB简介 WEB服务器也称为WWW(WORLD WIDE WEB)服务器,主要功能是提供网上信息浏览服务。 WWW 是 Internet 的多媒体信息查询工具,是 Internet 上近年才发展起来的服务,也是发展最快和目前用的最广泛的服务。正是...

  • 《web全栈工程师》:中总结的20条军规和必读书单

    作为一个前端新人,应该不断学习加强各种基础技术,而且也要多看别人的建议,别人成功的经历或许不能让你复制,但是你总能从中有所收获,身体和灵魂总要有一个在路上。 今天抱起了实习时候充充翻过的一本书《web全栈...

  • 探索式测试中的几种误区(转贴)

    探索式测试(Exploratory Testing)是敏捷测试中的重要组成部分,其价值与一般性测试如用户故事测试或者自动化测试不同,它所关注的是“意料之外”的软件缺陷,探索式测试作为一个研究性、启发性和严肃性并存的测试...

  • 《web全栈工程师》中总结的20条军规和必读书单

    作为一个前端新人,应该不断学习加强各种基础技术,而且也要多看别人的建议,别人成功的经历或许不能让你复制,但是你总能从中有所收获,身体和灵魂总要有一个在路上。 今天抱起了实习时候充充翻过的一本书《web全栈...

  • WEB服务器

    WEB服务器

  • 转载:探索式测试中的几种误区

    探索式测试(Exploratory Testing)是敏捷测试中的重要组成部分,其价值与一般性测试如用户故事测试或者自动化测试不同,它所关注的是...本文主要探讨了测试工 程师在探索式测试方面的一些误区,并尝试纠正这些问...

  • 老司机带你彻底吃透大数据:内容包括:数据采集、存储、处理、分析、挖掘与可视化、实时计算、机器学习等方面知识点的全面总结

    相信每一个对大数据感兴趣的人都听说过这个词,但对于如何正确使用大数据的却有太多误区,甚至有些人认为大数据已经没有什么卵用了。这里,《老司机带你彻底吃透大数据》就是要告诉大家真正正确的大数据应用方法,让...

  • oracle的性能设计和开发

    参考第8章“I/O配置和设计”。 网络 在一个系统中所有的计算机都是通过网络连接的,从调制解调器到高速国内局域网。网络规范主要涉及的是带宽和网速。参考第 11 章“网络调整”。 软件组件 计算机有共同...

  • python主流web框架识别

    想学习web框架,又想熟悉python,问题来了,有没有极简的数据来支撑快速开发,特来研究 不能去研究几十个,没时间,研究主流的即可 Django、Tornado、Flask、Twisted。 所谓网络框架是指这样的一组Python包,它...

  • Web全栈工程师养成记

    :在细分交互设计师和视觉设计师的大公司,视觉设计师根据交互设计师输出的线框图来做一些润色和设计,输出最终的产品视觉稿之后将视觉稿交付给前端工程师。在一些不细分交互设计师和视觉设计师的小公司,二者被统称...

  • Web服务器

    Web服务器一般指网站服务器,是指驻留于因特网上某种类型计算机的程序,可以向浏览器等Web客户端提供文档。[1] 你可以放置网站文件,让全世界浏览;可以放置数据文件,让全世界下载。目前最主流的三个Web服务器是...

  • 基于Springboot的漫画网站--论文.zip

    Java项目基于springboot的课程设计,包含源码+数据库+毕业论文

  • Java毕业设计-SpringBoot+Vue的分布式架构网上商城(附源码、数据库、教程).zip

    Java 项目, Java 毕业设计,Java 课程设计,基于 SpringBoot 开发的,含有代码注释,新手也可看懂。毕业设计、期末大作业、课程设计、高分必看,下载下来,简单部署,就可以使用。 包含:项目源码、数据库脚本、软件工具等,前后端代码都在里面。 该系统功能完善、界面美观、操作简单、功能齐全、管理便捷,具有很高的实际应用价值。 项目都经过严格调试,确保可以运行! 1. 技术组成 前端:html、javascript、Vue 后台框架:SpringBoot 开发环境:idea 数据库:MySql(建议用 5.7 版本,8.0 有时候会有坑) 数据库工具:navicat 部署环境:Tomcat(建议用 7.x 或者 8.x 版本), maven 2. 部署 如果部署有疑问的话,可以找我咨询 Java工具包下载地址: https://pan.quark.cn/s/eb24351ebac4 后台路径地址:localhost:8080/项目名称/admin/dist/index.html 前台路径地址:localhost:8080/项目名称/front/index.html (无前台不需要输入)

  • GUI面板MATLAB漂浮物识别.zip

    GUI面板MATLAB漂浮物识别

  • 【工程项目】MATLAB道路桥梁裂缝检测[不同类型,GUI界面,Bp算法].zip

    【工程项目】MATLAB道路桥梁裂缝检测[不同类型,GUI界面,Bp算法]

  • Delphi 12.3控件之高仿银豹手机APP 1.0.zip

    Delphi 12.3控件之高仿银豹手机APP 1.0.zip

  • springboot高校食堂移动预约点餐系统.zip

    ava项目springboot基于springboot的课程设计,包含源码+数据库+毕业论文

  • 基于SSM+JSP的定西扶贫惠农推介系统+数据库(Java毕业设计,包括源码,教程).zip

    Java 项目, Java 毕业设计,Java 课程设计,基于 SpringBoot 开发的,含有代码注释,新手也可看懂。毕业设计、期末大作业、课程设计、高分必看,下载下来,简单部署,就可以使用。 包含:项目源码、数据库脚本、软件工具等,前后端代码都在里面。 该系统功能完善、界面美观、操作简单、功能齐全、管理便捷,具有很高的实际应用价值。 项目都经过严格调试,确保可以运行! 1. 技术组成 前端:jsp 后台框架:SSM 开发环境:idea 数据库:MySql(建议用 5.7 版本,8.0 有时候会有坑) 数据库工具:navicat 部署环境:Tomcat(建议用 7.x 或者 8.x 版本), maven 2. 部署 如果部署有疑问的话,可以找我咨询 Java工具包下载地址: https://pan.quark.cn/s/eb24351ebac4

Global site tag (gtag.js) - Google Analytics