0
WebApp前端开发技术Showhttp://qiqicartoon.com/demos/webkit<br />朱琦<br />http://qiqicartoon.com<br />
Organization of This PPT<br />HTML5<br />CSS3<br />High-end device WEB UI Event<br />UED(additional)<br />
HTML5<br />标签语义化<br />数据的存储<br />新的标签<br />新的UI事件<br />地理位置定位<br />
CSS3<br />圆角<br />渐变<br />动画<br />文字描边<br />阴影<br />变形<br />2D<br />3D<br />动态添加内容<br />正则表达式定义项目符号<br />边框背景<br />RGBA背景<...
WEB UI Event(high-end)<br />TouchEvent<br />GestureEvent<br />DomApplicationCache<br />webKitAnimationEvent<br />webKitTra...
UED(reference: iPhone Human Interface Guidelines)<br />减少表单字段<br />手指区域<br />提供StartUp功能<br />图片在服务端压缩<br />减少不必要的交互<br />...
Upcoming SlideShare
Loading in...5
×

Web app share

1,444

Published on

支付宝Webapp前端开发一期分享

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,444
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
16
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Transcript of "Web app share"

  1. 1. WebApp前端开发技术Showhttp://qiqicartoon.com/demos/webkit<br />朱琦<br />http://qiqicartoon.com<br />
  2. 2. Organization of This PPT<br />HTML5<br />CSS3<br />High-end device WEB UI Event<br />UED(additional)<br />
  3. 3. HTML5<br />标签语义化<br />数据的存储<br />新的标签<br />新的UI事件<br />地理位置定位<br />
  4. 4. CSS3<br />圆角<br />渐变<br />动画<br />文字描边<br />阴影<br />变形<br />2D<br />3D<br />动态添加内容<br />正则表达式定义项目符号<br />边框背景<br />RGBA背景<br />分栏<br />多背景<br />背景更多的控件<br />CSS Rule<br />
  5. 5. WEB UI Event(high-end)<br />TouchEvent<br />GestureEvent<br />DomApplicationCache<br />webKitAnimationEvent<br />webKitTransitionEvent<br />
  6. 6. UED(reference: iPhone Human Interface Guidelines)<br />减少表单字段<br />手指区域<br />提供StartUp功能<br />图片在服务端压缩<br />减少不必要的交互<br />添加自定导航<br />
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×