《响应式Web设计实践》一第1章 无处不在的Web
2023-09-11 14:17:42 时间
本节书摘来异步社区《响应式Web设计实践》一书中的第1章,第1.1节,作者: 【美】Tim Kadlec 译者: 侯鸿儒 责编: 赵轩,更多章节内容可以访问云栖社区“异步社区”公众号查看。
第1章 无处不在的Web响应式Web设计实践
“只有傲慢的人,才会相信他可以规划出一座城市的每个细节;只有缺乏想象力的人,才想要这样去做。”
——John Kay
Web是一个极不稳定的环境
新的操作系统每天都在涌现,浏览器也比以往任何时候更新得都快。每天我们都会遇到形状各异的设备、浏览器功能很强的设备、浏览器功能很弱的设备、带有触摸屏的设备或者带有触控板和键盘的设备。
虽然新的设备在不断涌现,但是旧的设备和浏览器仍旧被人们所使用着。科技发展也许是日新月异的,但这也并不意味着家家户户都要跟得上最新的科技,因为今天发布的一个新设备,也许几个月之后就又被淘汰了。
很少有什么东西能够一直存留——在今天看来是正确的东西,也许明天就不再是正确的了,而所有这一切所带来的后果,无非就是混乱。
但这也正是有趣的地方——混乱造成了迷惑,但混乱也同时激发了创新和创造。新的形式因素冲击着市场,同时浏览器也在继续突破着种种限制,我们在浏览器里开发的应用程序以及使用这些应用的场景数量也在呈指数级增长。
形式因素
设备的尺寸、配置等其他物理特性
Web是普遍存在的,也是无处不在的。与之前的其他媒体不同,Web可以适应任何尺寸的屏幕以及任何使用环境,因为Web有其固有的灵活性和可塑性。
本章将讨论以下内容:
快速增长的可联网设备的多样性; 屏幕尺寸、网速、对于标准支持、输入方式和使用环境等因素; 为每一种设备创建单独的体验(背水一战的做法); 响应式设计的需求,以及响应式意味着什么; 本书包括哪些值得你期待的内容; 谁应该读这本书; 本书的代码格式。下一代响应式Web设计:组件驱动式Web设计 自从著名设计师 Ethan Marcotte(@beep)在 A List Apart上发表了一篇名为《 Responsive Web Design》的文章之后,响应式网页设计(RWD,即 Responsive Web Design)的身影就出现在了公众面前。自此就有了响应式 Web 设计这个概念。从提出这个概念到今天已经有十多年的时间了。在这十多年来,CSS 也发生了巨大的变化,新增了很多新的特
响应式Web设计的9项基本原则 响应式web设计对于解决多类型屏幕问题来说是个不错方案,但从印刷的角度来看,其却存在着很多的困难。没有固定的页面尺寸、没有毫米或英寸,没有任何物理限制,让人感到无从下手。随着建立网站可用的各种小工具越来越多,像素设计局限于桌面和移动端也已经成为历史。因此,现在就让我们来说明一下如何运用响应式web设计的各项基本原则来实现,而不是抗拒流畅的网页体验。为了简单起见,我们将着重讲布局(当然,响应式设计远远不止于此,如果你想进一步学习,可以点击此处)。
浅谈响应式Web设计与实现思路 响应式是什么呢?顾名思义,响应式,肯定会自动响应,响应什么?应用程序是在终端屏幕窗口中展示给用户,被用户访问的,那么就是响应屏幕的变化,不同终端屏幕尺寸大小不一致,需要针对不同尺寸屏幕进行不同的展示响应。
异步社区 异步社区(www.epubit.com)是人民邮电出版社旗下IT专业图书旗舰社区,也是国内领先的IT专业图书社区,致力于优质学习内容的出版和分享,实现了纸书电子书的同步上架,于2015年8月上线运营。公众号【异步图书】,每日赠送异步新书。
相关文章
- Go Web --- 发送响应
- [Web 安全] WASC 和 OWASP两个web安全方面组织机构介绍
- [Web 前端 ] 五大WEB主流浏览器及四大内核
- destoon内容页面新增内容图片响应式图片查看插件
- 【WEB前端】web前端获取的long长整型字段精度丢失问题,解决方案?
- 请求与响应的装饰)
- 移动WEB应用开发框架moible-web-app开源
- 响应式与瀑布流
- 响应式图片
- [Web component] Using Custom Events as a web component API
- 关于响应式布局的详解
- SAP UI5 web Component的React组件,如何实现事件响应
- Angular 里 HTTP 请求和响应结构的拦截器(interceptors)在 SAP Spartacus 中的应用
- Web Server 设置缓存响应字段的一些推荐方案
- Atitit web 之道 艾龙著 Atitit web 之道 艾龙艾提拉著v2 saa.docx Atitit web开发之道 attilax著 Web应用 1. 第1章 Web编程基础知识 (
- Atitit.跨语言标准化 web cgi api v2 saa CGI (通用网关接口) 编辑 CGI 是Web 服务器运行时外部程序的规范,按CGI 编写的程序可以扩展服务器功能。CG
- Atitit web 之道 艾龙著 Atitit web 之道 艾龙艾提拉著v2 saa.docx 1. 第1章 Web编程基础知识 (1)3 1.1. 1.1 什么是Web (1)3 1.2.
- Atitit.web三大编程模型 Web Page Web Forms 和 MVC
- 接口响应很快,页面呈现却很慢,咋回事?当事人更清楚
- WCF错误远程服务器返回了意外响应: (413) Request Entity Too Large。解决方案
- Django响应JsonResponse返回json格式数据报错
- 超过响应缓冲区限制
- Servlet 服务器 HTTP 响应