《HTML5触摸界面设计与开发》——导读

简介: 在我写作时, 11.42%的网页流量来自移动设备。这个数字一年前是7%,三年之前是1.77%。虽然桌面设备还会陪伴我们一段时间,但是Web的未来是在移动设备上的。


961c7ce8d608da3da65d986ddd1bdf0fb9a99105

前言
在我写作时, 11.42%的网页流量来自移动设备。这个数字一年前是7%,三年之前是1.77%。虽然桌面设备还会陪伴我们一段时间,但是Web的未来是在移动设备上的。

对于Web开发者,支持移动设备是自21世纪初的Web标准革命以来最大的变革。移动设备都搭载了支持HTML5的现代浏览器。它们还装有容量较小的内存和缓慢的CPU,经常通过高延迟的网络来连接。而且它们几乎全都有触摸界面。

为移动设备开发就是为触摸开发。许多桌面Web开发中的技巧对于移动Web依然适用,不过有些却是完全不同—弄清楚这些不同会有一定难度。我写这本书来帮助你去弄清楚它们。
前言
[第 1 章 移动设备概述
1.1 触摸设备和桌面设备之间的差异 ](https://yq.aliyun.com/articles/96742)
1.2 广泛使用的设备
1.3 HTML5
1.4 神秘谷,是什么让触摸界面反应灵敏?
1.5 总结
[第 2 章 创建一个简单的内容型网站
2.1 选择一个观念:移动优先或置后 ](https://yq.aliyun.com/articles/96762)
2.2 创建标记
2.3 奠定基础的 < head >标签
2.4 理解 Viewport
2.5 响应式的CSS
2.6 总结
第 3 章 提高第一次加载的速度
第 4 章 加快下一次访问的速度
第 5 章 使用PJAX提升触摸体验
第 6 章 轻触VS单击:基本的事件处理
第 7 章 CSS过渡、动画和变换
第 8 章 JavaScript性能最优化
第 9 章 手势的基本内容
第 10 章 滚动与滑动
第 11 章 双指缩放和其他复杂的手势

相关文章
用html+javascript打造公文一键排版系统1:设计界面
用html+javascript打造公文一键排版系统1:设计界面
|
8月前
|
移动开发 前端开发 JavaScript
基于 HTML5 和 Canvas 开发的在线图片编辑器
基于 HTML5 和 Canvas 开发的在线图片编辑器
156 0
|
9月前
|
存储 移动开发 编解码
基于HTML5开发的Markdown在线编辑器
Markdown是一种轻量级标记语言,以其简洁易读的格式而备受程序员和作者们的青睐。随着互联网的发展,越来越多的在线Markdown编辑器应运而生,为用户提供了更加便捷、高效的写作和编辑环境。本文将探讨基于HTML5开发的Markdown在线编辑器的设计原理、功能特点以及技术优势。
183 4
|
6月前
Twaver-HTML5基础学习(29)界面交互
这篇文章介绍了Twaver-HTML5中界面交互的多种模式,包括默认模式、编辑模式、创建网元模式、创建连线模式、创建形状连线模式、创建形状网元模式、触屏模式和放大镜模式,并提供了相应的代码示例。
123 10
Twaver-HTML5基础学习(29)界面交互
|
10月前
|
关系型数据库 MySQL
web简易开发(二){html5+php实现文件上传及通过关键字搜索已上传图片)}
web简易开发(二){html5+php实现文件上传及通过关键字搜索已上传图片)}
|
7月前
|
前端开发
HTML+CSS基础知识(4)简单的广告界面
这篇文章通过代码示例演示了如何使用CSS样式来美化网页布局,包括清除默认样式、设置页面字体、调整标题和内容的样式,以及为超链接添加悬停效果。
HTML+CSS基础知识(4)简单的广告界面
|
9月前
|
数据采集 JavaScript 前端开发
HTML表单深度解析:构建互动的网页界面
HTML表单深度解析:构建互动的网页界面
|
10月前
|
存储 移动开发 编解码
基于HTML5开发的Markdown在线编辑器
Markdown是一种轻量级标记语言,以其简洁易读的格式而备受程序员和作者们的青睐。随着互联网的发展,越来越多的在线Markdown编辑器应运而生,为用户提供了更加便捷、高效的写作和编辑环境。本文将探讨基于HTML5开发的Markdown在线编辑器的设计原理、功能特点以及技术优势。
112 1
基于HTML5开发的Markdown在线编辑器
|
9月前
|
缓存 移动开发 前端开发
在PWA的开发中,HTML与CSS作为前端技术的基础,发挥着至关重要的作用
【6月更文挑战第14天】PWA(渐进式网页应用)借助HTML和CSS,提供接近原生应用的体验。HTML构建页面结构和内容,响应式设计适应各种设备,语义化标签提升可访问性,Manifest文件配置应用元数据,离线页面保证无网时体验。CSS则用于定制主题样式,创建动画效果,实现响应式布局,并管理字体和图标。两者协同工作,确保PWA在不同环境下的优秀性能和用户体验。随着前端技术进步,HTML与CSS在PWA中的应用将更加深入。
70 2
|
9月前
|
机器学习/深度学习 Web App开发 前端开发
【Web开发】深度学习HTML(超详细,一篇就够了)
【Web开发】深度学习HTML(超详细,一篇就够了)
50 0