本节书摘来自华章社区《Web前端工程师修炼之道(原书第4版)》一书中的移动Web,作者Jennifer Niederst Robbins,更多章节内容可以访问云栖社区“华章社区”公众号查看

移动Web
你可能听设计师说过移动Web这个术语,但事实是(就像Stephen Hay 2011年在Twitter上所说的那样,见图3-2)没有什么移动Web、桌面Web或平板Web或者诸如此类的Web。Web就是Web,它可以通过不同设备访问。截至写本书时,“移动Web”是一个统称,它囊括了所有适应于不同使用场景的设计的技术。而且我们发现有多种方式来解释它。


阅读他的后续文章可访问www.the-haystack.com/2011/01/07/there-is-no-mobile-web/
进一步阅读
Scott Jensen在他的文章“The Coming Zombie Apocalypse”中思考了廉价网络设备的冲击(designmind.frogdesign.com/blog/the-coming-zombie-apocalypse-small- cheap-devices-will-disrupt-our-old-school-ux-assumptions.htm)。本文非常值得一读。
Luke Wroblewski所写的Mobile First(书的一部分)。Luke是在变革时首先坚持站点要良好地适应移动设备的人,而且在本书中,他分享了他许多富有创见的观点。
未来友好站点(futurefriend.ly)汇聚了当今许多最具才华的手机设计师。他们认为,环境的变化如此之快,我们不能确保设计在未来也是良好的,但我们可以让它们“对未来友好”。为了这样做,他们收集了一些提示和资源。
与标准一致
那么我们该如何处理这种多样性?首先要做的是遵循由万维网联盟(W3C)提供的HTML、CSS和JavaScript标准。坚持与Web标准一致是确保你的站点在所有符合标准的浏览器显示一致的主要工具(当前使用中的几乎99%的浏览器都符合标准)。它也有助于使你的内容与Web技术和浏览器的发展前向兼容。另一个好处是,你可以告诉用户你的站点符合标准,这样他们会更喜欢你的站点。
符合标准的概念可能乍看起来毫无理由,但是每个人,包括浏览器厂商,都在快捷和轻松地使用HTML和脚本。我们付出的代价只是需要把站点再创建一次来适应不兼容的浏览器。我在这本书会多次谈到Web标准,所以在这里我不会讲太多的细节。我只想说,Web标准是你的朋友。你在本书学到的一切,将带你走向正确的方向。
进一步阅读
Jeffrey Zeldman的《Designing with Web Standards》是一本关于遵循标准和如何使站点更有商业感觉的“圣经”。去看看吧(当然你得先看完本书)。
逐步提高
随着时间流逝大量浏览器面世,它们都为Web标准提供了不同程度的支持。事实上,没有浏览器能够完全符合标准,同时还有新的技术在不断地引起关注。此外,用户可以设置自己的浏览器偏好,所以他们可能有一个支持JavaScript的浏览器,但选择将其关闭。这里的要点是,我们面对的浏览器提供的功能很多,从基本的HTML支持到其他的一些附加的功能。
面对浏览器的未知功能,逐步提高是一种策略。当使用逐步提高的方法来设计时,你开始时只有一些使内容和功能在基本的浏览器和设备上可用的基本经验。然后,你会利用浏览器能处理的更先进的特性。你可能会使用一些“好”的效果,如动画或圆角框,来提升使用最先进浏览器的用户体验,虽然这些对于品牌和内容来说并不是最重要的。
逐步提高的方法是与页面设计和创建的各个方面都有关的方法,包括HTML、CSS和JavaScript。
创建策略
当按照逻辑顺序编写HTML文档,并且使它的元素用有意义的方式标记时,创建策略对于所有的浏览器环境都是有用的,包括最古老的浏览器、未来的浏览器与移动设备和辅助设备。它可能不会长得一模一样,但最重要的事情是内容是可用的。这也保证了像Google这样的搜索引擎可以正确地采集内容。准确、完整地编写一个HTML文件,是确保站点可访问的重要基础。
样式策略
你只需利用浏览器解析样式表规则的方式来创建体验分层。无须太多的技术细节,你就可以编写一个样式规则使元素背景为红色,只要浏览器支持,也可以用一个样式,使背景色彩渐变。或者也可以使用尖端的CSS选择器为浏览器提供某些样式。了解浏览器会简单地忽略它无法解释的属性和规则,你就可以大胆地创新,而无须担心浏览器会出现什么问题。你只需要牢记:优先使用基本的样式,然后一点一点地改善。
脚本策略
JavaScript是可以使创造互动网页和动态网页(在使用中更新)的脚本语言。如果没有它,Web就只能是静态页面。与其他Web技术一样,浏览器处理JavaScript的方式也存在差异,而且有的用户倾向于不使用JavaScript。逐步提高的第一规则是即便关闭JavaScript,也要保证基本的功能(如在页面间相互链接,通过表单完成数据的提交等重要功能)可以使用。通过这种方式,你可以确保基本的用户体验,而且在可以使用JavaScript时,进一步增强效果。
进一步阅读
《Adaptive Web Design: Crafting Rich Experiences with Progressive Enhancement》是介绍逐步提高方法最好的书,作者是Aaron Gustafson(Easy Readers出版)。Aaron是本书的技术评审者,但是即便不是,我也会优先推荐他。可以在easy-readers.net/books/adaptive-web-design/看到更多详细信息。
如果你有了更多的开发经验,Todd Parker、Patty Toland、Scott Jehl和Maggie Costello Wachs所著(New Riders出版)的《Designing with Progressive Enhancement》是一本深入技术和最佳实践的优秀作品。可以在filamentgroup.com/dwpe/读到更多信息。

《Web前端工程师修炼之道(原书第4版)》——移动Web相关推荐

  1. 前端html css3修炼之道,Web前端工程师修炼之道(原书第5版)

    Web前端工程师修炼之道(原书第5版) 作者:(美)珍妮弗·尼德斯特·罗宾斯(Jennifer Niederst Robbins) 著 出版日期:2020年10月 文件大小:179.64M 支持设备: ...

  2. 【文末抽奖送书】新年礼物《Web前端工程师修炼之道》

    随着多设备.浏览器和Web标准的演变革命,前端正在成为兼顾逻辑.性能.交互.体验的综合性岗位. 前端开发入门又相对容易,必须掌握的HTML+CSS+JS非常容易学习,如果你能再了解一定后端知识,对业务 ...

  3. 《Web前端工程师修炼之道(原书第4版)》——我该从哪里开始呢

    本节书摘来自华章社区<Web前端工程师修炼之道(原书第4版)>一书中的我该从哪里开始呢,作者Jennifer Niederst Robbins,更多章节内容可以访问云栖社区"华章 ...

  4. 《Web前端工程师修炼之道(原书第4版)》——Web设计师是做什么的

    本节书摘来自华章社区<Web前端工程师修炼之道(原书第4版)>一书中的Web设计师是做什么的,作者Jennifer Niederst Robbins,更多章节内容可以访问云栖社区" ...

  5. 《Web前端工程师修炼之道(原书第4版)》——自我测验

    本节书摘来自华章社区<Web前端工程师修炼之道(原书第4版)>一书中的自我测验,作者Jennifer Niederst Robbins,更多章节内容可以访问云栖社区"华章社区&q ...

  6. 福利 | 抽奖送现金送书《Web前端工程师修炼之道》

    很多关注了我的公众号的粉丝可能都不知道我,趁这次机会简单介绍下. 你好,我是若川.江西人,某不那么知名的陶瓷大学毕业生,目前在杭州从事前端开发工作.常以若川为名混迹于江湖.更详细的可以点击关于我 我历 ...

  7. Web前端开发敲门砖 ——《Web前端工程师修炼之道》

    随着多设备.浏览器和Web标准的演变革命,前端正在成为兼顾逻辑.性能.交互.体验的综合性岗位. 前端开发入门又相对容易,必须掌握的HTML+CSS+JS非常容易学习,如果你能再了解一定后端知识,对业务 ...

  8. 《Web前端工程师修炼之道》学习笔记

    第一部分 开始起步 博客托管发布站点:WordPress,Blogger,Tumblr,Squarespace 样式模版学习:Samantha Warren的文章"Style Tiles a ...

  9. [原]《Web前端开发修炼之道》-读书笔记CSS部分

    如何组织CSS-分层 应用 css 的能力分两部分:一部分是css的API,重点是如何用css控制页面内元素的样式:另一部分是css框架,重点是如何对 css 进行组织.如何组织 css 可以有多种角 ...

最新文章

  1. Gzip 服务端压缩数据
  2. TensorFlow基础12-(keras.Sequential模型以及使用Sequential模型 实现手写数字识别)
  3. 用python写脚本筛选原创微博_基于python编写的微博应用
  4. 服务端客户端QA:协作对接沟通流程及优化
  5. oracle insert汉字出错,Oracle数据库之Oracle批量插入数据SQL语句太长出错:无效的主机/绑定变量名...
  6. -f shell 模糊匹配_linux模糊查找一个文件的方法
  7. C++shortest common supersequence最短公共超序列算法的实现(附完整源码)
  8. SCR638红外接收管介绍
  9. pursuit of happiness
  10. wxpython textctrl_wxPython TextCtrl类
  11. “离开 360 时,它只给了我一块钱”
  12. I²C那点事儿(一)
  13. google浏览器安装gliffy 安装方法及插件
  14. 多尺度卷积稀疏编码的无监督迁移学习
  15. win2008服务器虚拟内存设置,电脑虚拟内存设置(Win 7/8/10、Windows Server 2003 - 2019)...
  16. greatest least 函数
  17. Python selenium定位动态下拉框
  18. pyqt5版本灭霸响指
  19. 京东API、获得JD商品详情API调取数据部分代码展示
  20. 关系型数据库和非关系型数据

热门文章

  1. ubuntu自动加载硬盘分区
  2. 基于比较的排序算法集
  3. SQL定时自动备份,并将备份文件加密压缩并自动下载的实现
  4. 极简darknet环境搭建记录
  5. C++语言基础 例程 命名空间要解决的问题
  6. Linux进程学习(孤儿进程和守护进程)
  7. OSPF 传播默认路由
  8. ospf v3 及WIN XP ipv6
  9. windows 开始命令集
  10. 汉字,五笔,拼音的转换