贬迟尘濒5智能手机耻颈布局浅谈
?Download as PPTX, PDF?
2 likes?777 views
贬迟尘濒5智能手机耻颈布局浅谈--介绍HTML5新元素如何应用在智能手机Web浏览器。
贬迟尘濒5智能手机耻颈布局浅谈
- 2. About Me@三桥tjkFont End Engineerwww.imsankyu.com
- 4. 奥础笔浏览体验
- 7. 智能手机Web浏览器Android Browser （Chrome lite）iOS SafariOpera MiniOpera Mobile
- 11. My Demo
- 12. iPhone Mail App
- 13. iPhone Mail Web App<header> <button>MailBoxes</button> < div class="title"> >Inbox</div> <button>Edit</button></header><article> <article>邮件1</article> <article>邮件2</article> <article>邮件3</article> <article>邮件4</article></article><footer> <button>Refresh</button> <button>Add</button></footer>
- 14. iPhone Mail Web App<header> <button>MailBoxes</button> <div class="title">Inbox</div> <button>Edit</button></header><article> <article>邮件1</article> <article>邮件2</article> <article>邮件3</article> <article>邮件4</article></article><footer> <button>Refresh</button> <button>Add</button></footer>
- 15. iPhone Mail Web App引入 jQuery Mobile后<header data-role="header" data-position="inline"> <a>MailBoxes</a> <h1>Inbox</h1> <a>Edit</a></header><article data-role="content"> <article>邮件1</article> <article>邮件2</article> <article>邮件3</article> <article>邮件4</article></article><footer data-role="footer" class="ui-bar"> <a>Refresh</a> <a>Add</a></footer>
- 16. iPad Mail Web AppHeaderHeaderArticle&ListMain BodyFooter
- 18. iPhoneFacebook Web App<header data-role="header"data-position="inline"> <a>9宫</a> <h1>facebook</h1> <a>Sync</a></header><div data-role="fieldcontain"> <input type="search" id="search" value="" /></div><article data-role="content"> <article>邮件1</article> <article>邮件2</article> <article>邮件3</article> <article>邮件4</article></article><footer data-role="footer"> <nav data-role="navbar"> <ul> <li><a href="#" class="ui-btn-active">friends</a></li> <li><a href="#">pages</a></li> <li><a href="#">requests</a></li> </ul> </nav></footer>
- 19. iPhoneFacebook Web App<header data-role="header"data-position="inline"> <a>9宫</a> <h1>facebook</h1> <a>Sync</a></header><div data-role="fieldcontain"> <input type="search" id="search" value="" /></div><article data-role="content"> <article>邮件1</article> <article>邮件2</article> <article>邮件3</article> <article>邮件4</article></article><footer data-role="footer"> <nav data-role="navbar"> <ul> <li><a href="#" class="ui-btn-active">friends</a></li> <li><a href="#">pages</a></li> <li><a href="#">requests</a></li> </ul> </nav></footer>
- 20. iPhoneFacebook Web App<header data-role="header"data-position="inline"> <a>9宫</a> <h1>facebook</h1> <a>Sync</a></header><nav data-role="navbar"> <ul> <li><a href="#" class="ui-btn-active">friends</a></li> <li><a href="#">pages</a></li> <li><a href="#">requests</a></li> </ul></nav><article data-role="content"> <article>邮件1</article> <article>邮件2</article> <article>邮件3</article> <article>邮件4</article></article>
- 21. iPhoneFacebook Web App<header data-role="header"data-position="inline"> <a>9宫</a> <h1>facebook</h1> <a>Sync</a></header><nav data-role="navbar"> <ul> <li><a href="#" class="ui-btn-active">friends</a></li> <li><a href="#">pages</a></li> <li><a href="#">requests</a></li> </ul></nav><article data-role="content"> <article>邮件1</article> <article>邮件2</article> <article>邮件3</article> <article>邮件4</article></article>
- 22. 网易新闻
- 23. HTML5 Web APP?
- 24. Google+
- 26. Web APPs UI
- 27. Web App 未来UI种类更加丰富Web App+HTML5结合Native App + Web App传统网站延伸至Web App
- 28. The END