分类
CSS Javascript

HTML5应用中的常见问题

开发h5应用有一年多了,在这个过程中遇到不少坑,特写此文作一个小结,如果对您有点帮助,那就是莫大的欣慰了。这里说的h5应用就是运行在移动设备上的Web App,由于移动设备屏幕大小不一,安装的浏览器也不统一,处理器内存也不一样,直接会造成各种兼容及性能问题。

分类
CSS Javascript

控制CSS3 动画播放、暂停、重放

CSS3动画代码相对简单,在性能上会比JavaScript动画稍微好一些,浏览器会对CSS3动画做一些优化(比如专门新建一个图层用来跑动画)。但CSS3动画对动画控制上不够灵活的缺点也很明显。如何像控制视频播放一样控制CSS3动画播放、暂停、重放呢?下面实例是我本人的一个尝试。

分类
CSS

使用纯CSS制作步骤进度条

步骤进度条的使用场景很多,比如说购物流程 、订单流程、面试流程等都要用到它。网上常见的做法是使用CSS图片精灵,该做法的优点是兼容性强,但缺点也很明显:难以自适应设备,而且会加载额外的 图片资源。有没有更好一点的办法呢?下面实例将使用纯CSS来制作面试步骤进度条。

分类
CSS

Web页面自适应屏幕的方法

H5移动端页面自适应普遍使用的方法,理论上讲使用这个标签是可以适应所有尺寸的屏幕的,但是各设备对该标签的解释方式及支持程度不同造成了不能兼容所有浏览器或系统。

分类
CSS

css3实例入门分享

github地址:https://github.com/szriafan/css3-demo.git。该工程是我在公司做css3实例入门分享用来演示的,用一个实例通过Step by Step的形式来讲解css3的大部分新特性。