WebApp前端开发技术Showhttp://qiqicartoon.com/demos/webkit

朱琦http://qiqicartoon.com

Organization of This PPT

• HTML5

• CSS3

• High-end device WEB UI Event

• UED(additional)

HTML5

• 标签语义化

• 数据的存储

• 新的标签

• 新的UI事件

• 地理位置定位

CSS3

• 圆角

• 渐变

• 动画

• 文字描边

• 阴影

• 变形

• 2D• 3D• 动态添加内容

• 正则表达式定义项目符号

• 边框背景

• RGBA背景• 分栏

• 多背景• 背景更多的控件• CSS Rule

WEB UI Event(high-end)

• TouchEvent

• GestureEvent

• DomApplicationCache

• webKitAnimationEvent

• webKitTransitionEvent

UED（reference: iPhone Human Interface Guidelines）

• 减少表单字段

• 手指区域

• 提供StartUp功能

• 图片在服务端压缩

• 减少不必要的交互

• 添加自定导航