Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Web app share

1,678 views

Published on

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

Published in: Technology
  • Be the first to comment

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 />

×