习惯了开发典型的面向电脑端浏览器的网站在开发手机端网站或者移动App的时候面对很多新的问题,这些新的问题,在我看来或多或少会给浏览者在使用网站或App的时候带来不好的用户体验,对于一个产品级应用,用户体验应该是在开发过程中最先也是最需要考虑的.这些问题,大部分是click事件带来的触摸方面的不足,这里简单总结记录,文中内容来自Stephen Woods写的<HTML5触摸界面设计与开发>这本书. 移动设备和桌面设备之间的差异 规格,也就是尺寸 移动设备的计算能力不足 人们使用触摸设备的方式不同…

近期在做一个关于房屋装修的手机上的项目,前台是用H5+C3完毕的,挂在微信上.全部相对来说不是非常难. 这段时间通过敲Html5+Css3.分享一些自己觉得值得学习的知识. 都非常easy.自己操作一遍就会了.前台说简单简单.说难也难.刚開始画的时候.各种调试,各种不熟练.可是自己敲几个demo,完毕几个页面,效率满满就提升了.看着自己画的美美哒界面.心里也是美美哒. 怎样绘制一个锯齿状的矩形:如图 我们知道绘制图形能够用canvas ,canvas是HTML5出现的新标签,用于在网页上绘制图形…

1.触摸事件有哪些 touchstart,touchmove,touchend 2.分别什么时候触发 touchstart事件:当手指触摸屏幕时候触发,即使已经有一个手指放在屏幕上也会触发. touchmove事件:当手指在屏幕上滑动的时候连续地触发.在这个事件发生期间,调用preventDefault()事件可以阻止滚动. touchend事件:当手指从屏幕上离开的时候触发. 3.每个事件中的touch对象如何获得 touches:表示当前跟踪的触摸操作的touch对象的数组. targetT…

一.px em rem px像素(Pixel).相对长度单位.像素px是相对于显示器屏幕分辨率而言的. em是相对长度单位.相对于当前对象内文本的字体尺寸.如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸.em会继承父级元素的字体大小. rem是CSS3新增的一个相对单位(root em,根em),这个单位引起了广泛关注.这个单位与em有什么区别呢?区别在于使用rem为元素设定字体大小时,仍然是相对大小,但相对的只是HTML根元素.这个单位可谓集相对大小和绝对大小的优点于一身…

很多想迈入HTML5开发行列的人,都会问一个问题:要成为一个更好的开发人员,我应该读哪些书?有哪些HTML5开发的书籍推荐吗? 有人说开卷有益,读万卷书行万里路;有人说,书不在多,精益求精;有人说,书读百遍,其义自现.其实每个人都有自己的读书计划和习惯,对于技能提升类的图书,我建议还是多读经典和实战的书籍. 整理了目前最受欢迎的10本H5相关“武林秘籍”,供大家参考. HTML5+CSS3从入门到精通 李东博 著 推荐指数:★★★☆ 简介:本书通过基础知识+中小实例+综合案例的方式,讲述了用HT…

关于HTML5,最牛逼的10本书! 关于HTML5,最牛逼的10本书.rar HTML5+CSS3从入门到精通 李东博 著 推荐指数:★★★☆ 简介:本书通过基础知识+中小实例+综合案例的方式,讲述了用HTML5+ CSS3设计构建网站的必备知识,相对于专业指南.高级程序设计.开发指南同类图书,本书是一本适合快速入手的自学教程. 响应式Web设计:HTML5和CSS3实战 BenFrain (作者), 王永强 (译者) 推荐指数:★★★★ 简介:全书主要是带领读者做一个小网页来写的,其实响应式的…

AnimateMate 可能是最好的 Sketch 动画插件.Sketch 目前被广泛应用于 HTML5 的原型界面设计,或者被应用于数据可视化的,动画部分则一般经由软件 Principle 等实现.不过现在,你可以选择一款实用的 Sketch 插件直接在 Sketch 中输出高品质的 WEB 动画.你可以向本公众号回复「Animate」下载该插件. Granim 一个骚气的 js 库.用于快速创建 WEB 内的令人叹为观止的渐变动画,网址是▼ https://sarcadass.github.…

一.浏览器历史API 浏览器历史就像一堆卡片,如下所示:…

今年3月, 微软推出了Kinect for Windows SDK 1.7 更新,包括了手势识别 Kinect Interactions 和实时 3D 建模 Kinect Fusion 两项新技术. 昨天,微软发布了Kinect for Windows SDK的1.8版本,新版本SDK进行了少量更新,但对Kinect Developer Toolkit中的示例进行了大量更新,包括新添加了对HTML5的支持,新的背景移除功能.Kinect Fusion 的色彩捕捉功能. Kinect Fusion…

今天在一本叫<HTML5触摸界面设计与开发>上看到一个做弹跳球的复杂动画效果,首先加速下降,停止,然后弹起时逐渐减速.是用cubic-bezier贝塞尔曲线来完成的.所以特地去学习了一下关于cubic-bezier贝塞尔曲线. cubic-bezier比较少用,因为PC端中,有浏览器不兼容.但是手机端中,可以使用并带来炫酷的动画及体验. 缓动函数:http://www.xuanfengge.com/easeing/easeing/ cubic-bezier:http://cubic-bezie…