Moblie Web Apps

重要性

随着移动互联网的发展，通过移动设备向用户提供内容及服务成为信息传播的一条新途径。而移动应用则是具体内容及服务在终端上的承载方式。

环境

众多devices, 众多mobile operation systems，众多的subsequent app ecosystems（主要为market）

方案

1. 开发native apps (缺点：不同的平台，不同的语言，不同的生态环境都要开发一套)
2. Mobile Web Apps (跨平台; 不需要太高的语言知识, 不需要向app store付费, 不存在漫长的认证过程)

HTML5 的关键特性

• Video without plugins
• Local  storage
• Offline applications
• Geolocation
• Multi-threaded Javascript
• Easy form handling
• Easier entry for developers

Hardware features & device apis

• Contacts
• Calendar
• HTML Media Capture
• Media Capture API
• Messages: sms, mms, email
• Gallery

Mobile Web Frameworks

• Sencha Touch
• jQTouch
• jQuery Mobile

HTML5的新特性

• Semantic elements
  • header, footer, nav, article, section, aside, hgroup
• canvas
• audio, video
• local storage and offline applications
• web form enhancements
  • color
  • date
  • datetime
  • datetime-local
  • email
  • month
  • number
  • range
  • search
  • tel
  • time
  • url
  • week
• Web worker
• Geolocation
• Drag and Drop
• Cross-document messaging
• new Selector
• new effects
  • background (支持多背景)
  • background-clip
  • background-origin
  • background-size
  • border-radius (圆角支持)
  • border-image (边框图片)
  • border-color (gradient borders)
  • box-shadow (drop shadow on boxes without images)
  • box-sizing
  • opacity
  • outline-offset
  • resize
  • text-overflow
  • text-shadow
  • word-warp
• Multicolumn layouts (多栏布局) –目前，mozilla和webkit均提供支持，但需要加上前辍(-moz或-webkit)

CSS3新特性

Web fonts - @font-face

@引用说明

1. Create Modern Web Sites using HTML5 and CSS3, Joe Lennon, 02 March 2010

2. Mobile Web Apps, Mark Power