网络不再只关注台式机或笔记本设备。网络技术现在已经扩展到各种设备,从大型桌面显示器到平板电脑、智能手机、智能电视和户外显示器。它还增加了网站的功能和界面,以及我们与网站互动的方式。
让网站响应不再是一种选择。因此,现在是磨练我们使用网格系统框架的开发技能,并提供差异化和丰富的用户体验的时候了。
在本书中,我们使用 CSS3 和 jQuery 实现了所有这些,它们提供了设备、OSs 和不同浏览器版本之间的良好集成选项。使用 jQuery 的另一个优点是通过使用协作社区维护的插件实现的开发速度。我们不需要重新发明已经完成的东西!此外,我们欢迎改进,您与社区的合作将帮助所有人。
第 1 章探索响应式网页设计,首先解释通过为网站生成线框并使其适应不同屏幕而创建的响应性概念。本章继续解释移动优先的概念。
第 2 章设计响应性布局/网格帮助您构建灵活的网站结构,然后重点解释响应性网格系统的使用以及如何在开发过程中提高敏捷性。
第三章构建响应式导航菜单,对每种导航菜单模式进行了多次分析和分步实现;这有助于为每种情况选择正确的选项。
第 4 章设计响应性文本解释了文本到相关单位的转换,然后它们的定制,以获得美观且响应性强的标题标题。
第 5 章准备图像和视频说明了如何处理不同格式的高分辨率图像。然后,它继续解释在智能手机上观看图像时方向的重要性。
第 6 章构建响应式图像滑块,解释了四种不同的图像滑块插件及其实现,并展示了补充交互的有用触摸库。
第 7 章设计响应表深入探讨了管理创建响应表的不同方法,解决了为不同屏幕尺寸调整宽度时面临的困难。
第 8 章实现响应式表单讨论了表单元素功能的亮点,这些功能通过在移动设备上填写表单和良好的响应式表单框架来改善用户体验。
第 9 章测试响应性讨论了如何跨各种浏览器和设备平台进行响应性测试,以防止意外行为。
第 10 章确保浏览器支持解释了回退以及为什么认为回退很重要。然后,它将继续解释如何检测不适用于该浏览器/可能不适用于该浏览器的每个浏览器功能,并为这些错误提供正确的支持。
第 11 章、有用的响应插件展示了网站结构、菜单导航等不同的插件,补充了其他章节中已经看到的解决方案。
第 12 章提高网站性能解释了使用在线工具分析网站性能的主要方法,并推荐了获得更好结果的技巧。
如果你已经对网站有了一个想法,那么你在阅读本书后获得的所有知识都会被更好地吸收,因为你可以在本章练习中创建网站。
您需要的软件列表包括 Apache HTTP 服务器、Adobe Photoshop CS5 或更早版本、一些代码编辑器(如 Sublime Text 2)和 Internet 浏览器(如 Firefox 和 Chrome)。此外,为了测试示例和练习,最好使用智能手机或平板电脑等移动设备。
带有 jQuery 和 CSS3的响应式网页设计针对的是对构建设备无关网站感兴趣的网页设计师。对 jQuery、CSS3 和 HTML5 的一些接触将是有益的。
在这本书中,你会发现许多不同类型的文本可以区分不同类型的信息。下面是这些风格的一些例子,并解释了它们的含义。
文本中的代码字、数据库表名、文件夹名、文件名、文件扩展名、路径名、虚拟 URL、用户输入和 Twitter 句柄如下所示:“HTML5 规范包括新的结构元素,如header
、nav
、article
和footer
代码块设置如下:
.orientation_landscape .div-example {
border: 2px solid red;
}
当我们希望提请您注意代码块的特定部分时,相关行或项目以粗体显示:
<svg width="96" height="96">
<image xlink:href="svg.svg" src="svg.png" width="96" height="96" />
</svg>
新术语和重要词语以粗体显示。例如,您在屏幕上、菜单或对话框中看到的文字出现在文本中,如下所示:“单击下一步按钮将移动到下一屏幕”。
警告或重要注释显示在这样的框中。
提示和技巧如下所示。
我们欢迎读者的反馈。让我们知道你对这本书的看法你喜欢或可能不喜欢什么。读者反馈对于我们开发您真正从中获益最多的标题非常重要。
要向我们发送一般反馈,只需向<[feedback@packtpub.com](mailto:feedback@packtpub.com)>
发送电子邮件,并通过邮件主题提及书名即可。
如果您对某个主题有专业知识,并且您有兴趣撰写或贡献一本书,请参阅我们的作者指南,网址为www.packtpub.com/authors。
既然您是一本 Packt 图书的骄傲拥有者,我们有很多东西可以帮助您从购买中获得最大收益。
您可以下载您在账户购买的所有 Packt 书籍的示例代码文件 http://www.packtpub.com 。如果您在其他地方购买了本书,您可以访问http://www.packtpub.com/support 并注册,将文件直接通过电子邮件发送给您。
虽然我们已尽一切努力确保内容的准确性,但错误确实会发生。如果您在我们的一本书中发现错误,可能是文本或代码中的错误,如果您能向我们报告,我们将不胜感激。通过这样做,您可以使其他读者免于沮丧,并帮助我们改进本书的后续版本。如果您发现任何错误,请访问进行报告 http://www.packtpub.com/submit-errata ,选择您的书籍,点击勘误表提交表单链接,输入您勘误表的详细信息。一旦您的勘误表得到验证,您的提交将被接受,勘误表将上传到我们的网站上,或添加到该标题勘误表部分的任何现有勘误表列表中。通过从中选择您的标题,可以查看任何现有勘误表 http://www.packtpub.com/support 。
在互联网上盗版版权材料是所有媒体的一个持续问题。在 Packt,我们非常重视版权和许可证的保护。如果您在互联网上发现我们作品的任何形式的非法复制品,请立即向我们提供地址或网站名称,以便我们采取补救措施。
请致电<[copyright@packtpub.com](mailto:copyright@packtpub.com)>
与我们联系,并提供可疑盗版材料的链接。
我们感谢您在保护我们的作者方面的帮助,以及我们为您带来有价值内容的能力。
如果您对本书的任何方面有疑问,请致电<[questions@packtpub.com](mailto:questions@packtpub.com)>
与我们联系,我们将尽力解决。