《移动优先与响应式Web设计》一1.1 扣好安全带

简介:

本节书摘来异步社区《移动优先与响应式Web设计》一书中的第1章,第1.1节,作者: 【美】Luke Wroblewski , Ethan Marcotte 译者: 司徒卓恆 责编: 赵轩,更多章节内容可以访问云栖社区“异步社区”公众号查看。

1.1 扣好安全带

十多年前,约翰·阿尔索普写了“A Dao of Web Design”。若没读过这篇文章,绝对应该现在就读读看(我是认真的)。这是我最喜欢的讲述网页设计的论文,即使到今天仍然适用。约翰认为印刷媒介的设定广为设计师所知,并且用于网页媒介,其实那只不过是用于纸上的限制。我们应欣然接受现实。网页并没有如此限制,也就是灵活,应利用这个特点来设计网页。但首先,必须“接受事物的模式”。

约翰在写这篇文章时,网络仍处于发展初期,正在经历过渡期,一众设计师都把印刷的设计概念套用到了这个新兴媒介上。虽然文章写于十年前,但是其中很多论点至今仍不无道理,即使现今的网页已是前所未有地流动多变。

无论如何,网页进入过渡期已有一段时间。现在,浏览器的发展趋势正在转变,渐渐脱离了台式计算机,设备同时向更大和更小方向发展。不过数年内,小屏设备预计会成为主要的上网工具。然而,现代电玩设备的兴起,宽屏网页变得更为普及,其能以电视屏幕来进行读取。最近,平板计算机风靡市场,上网的模式既非“移动”,又非“台式计算机”,而是介于两者之间。

如今设备更多,有好有坏,比起以前,设计要顾及更多设备,更多输入方式,更多分辨率。网页已经跨出了台式计算机,而无回头路可走了。

不幸地是,设计非桌面版网页,早期尝试的方法似乎一直在重蹈覆辙。数月前,有位朋友发邮件给我分享文章,内附链接

http://www.bbc.co.uk/news/mobile/science-environment-13095307 。

有没有看到/mobile/这个目录?网站主人把“移动体验”分成另一个链接,把页宽设定为320像素。然而,每当以上链接分享于Twitter、Facebook,或经邮件传送时,访客就会局限于适合小屏的页面,无论用任何设备都一样。个人认为,在台式计算机上看移动版网页,阅读体验真的很差。

即使如此,也不代表移动版网站有根本缺陷,亦不代表不应该制作移动版网站。可是我的确认为,不同设备有不同“特设”体验,会令网页内容参差不齐。这个方案不会成功,或至少不能持续下去。近年来的经验已经证明了,科技日新月异,我们根本不能赶上。 那么是否需要每推出新的浏览器或设备时,就为此订制指定体验?

如果不是,有何另类方案?

相关文章
|
7月前
|
Web App开发 监控 安全
OSS客户端签名直传实践:Web端安全上传TB级文件方案(含STS临时授权)
本文深入解析了客户端直传技术,涵盖架构设计、安全机制、性能优化等方面。通过STS临时凭证与分片上传实现高效安全的文件传输,显著降低服务端负载与上传耗时,提升系统稳定性与用户体验。
730 2
|
3月前
|
安全 Linux iOS开发
Burp Suite Professional 2025.10 发布 - Web 应用安全、测试和扫描
Burp Suite Professional 2025.10 (macOS, Linux, Windows) - Web 应用安全、测试和扫描
329 3
|
4月前
|
安全 Linux iOS开发
Burp Suite Professional 2025.9 发布 - Web 应用安全、测试和扫描
Burp Suite Professional 2025.9 (macOS, Linux, Windows) - Web 应用安全、测试和扫描
469 0
Burp Suite Professional 2025.9 发布 - Web 应用安全、测试和扫描
|
6月前
|
安全 Linux iOS开发
Burp Suite Professional 2025.7 (macOS, Linux, Windows) - Web 应用安全、测试和扫描
Burp Suite Professional 2025.7 (macOS, Linux, Windows) - Web 应用安全、测试和扫描
610 0
Burp Suite Professional 2025.7 (macOS, Linux, Windows) - Web 应用安全、测试和扫描
|
6月前
|
存储 安全 JavaScript
Web Storage有哪些安全风险?
Web Storage有哪些安全风险?
|
移动开发 开发者 HTML5
构建响应式Web界面:Flexbox与Grid的实战应用
【10月更文挑战第22天】随着互联网的普及,用户对Web界面的要求越来越高,不仅需要美观,还要具备良好的响应性和兼容性。为了满足这些需求,Web开发者需要掌握一些高级的布局技术。Flexbox和Grid是现代Web布局的两大法宝,它们分别由CSS3和HTML5引入,能够帮助开发者构建出更加灵活和易于维护的响应式Web界面。本文将深入探讨Flexbox和Grid的实战应用,并通过具体实例来展示它们在构建响应式Web界面中的强大能力。
241 3
|
9月前
|
安全 Linux API
Burp Suite Professional 2025.4 发布 - Web 应用安全、测试和扫描
Burp Suite Professional 2025.4 (macOS, Linux, Windows) - Web 应用安全、测试和扫描
438 6
Burp Suite Professional 2025.4 发布 - Web 应用安全、测试和扫描
|
11月前
|
人工智能 Linux iOS开发
Burp Suite Professional 2025.2 (macOS, Linux, Windows) - Web 应用安全、测试和扫描
Burp Suite Professional 2025.2 (macOS, Linux, Windows) - Web 应用安全、测试和扫描
537 12
Burp Suite Professional 2025.2 (macOS, Linux, Windows) - Web 应用安全、测试和扫描
|
10月前
|
安全 大数据 数据挖掘
课时9:阿里云Web应用防火墙:全面保障网站的安全与可用性
阿里云Web应用防火墙(WAF)基于阿里巴巴十年攻防经验,提供全面的网站安全防护。它通过Web应用防护、CC攻击防护和业务风控,有效应对各类网络威胁,确保网站的安全与可用性。智能双引擎技术降低误报率,实时数据分析和虚拟补丁更新保障系统安全。WAF已成功护航多个重大活动,为企业提供高效、简便的安全解决方案。
294 0
|
缓存 安全 搜索推荐
阿里云先知安全沙龙(北京站) ——浅谈Web快速打点
信息收集是网络安全中的重要环节,常用工具如Hunter、Fofa和扫描工具可帮助全面了解目标系统的网络结构与潜在漏洞。遇到默认Nginx或Tomcat 404页面时,可通过扫路径、域名模糊测试、搜索引擎缓存等手段获取更多信息。AllIN工具(GitHub: P1-Team/AllIN)能高效扫描网站路径,发现敏感信息。漏洞利用则需充分准备,以应对突发情况,确保快速拿下目标站点。 简介:信息收集与漏洞利用是网络安全的两大关键步骤。通过多种工具和技术手段,安全人员可以全面了解目标系统,发现潜在漏洞,并制定有效的防御和攻击策略。