HTML5和CSS3在触屏网站上的实践
触屏网站的交互，最怕卡顿和操作不准。HTML5加CSS3在这方面还挺给力的，尤其配合JavaScript的动态，响应也快，体验也跟得上。文章里有不少实战分享，比如怎么适配Nokia S60 V5那种老设备，怎么搞定checkbox和radio的手势优化，都是你平时开发中踩的坑。
触屏时代的 UI 设计要求挺高，不只是样式漂亮，更得考虑手指点起来顺不顺。比如文章里讲到的斑马条纹表格，用CSS3轻松搞定，不用靠图片。还有像位置服务、电话拨号这些功能，也都有实战代码，蛮实用的。
架构方面也讲得比较透，前端靠HTML5 + CSS3 + JavaScript，后端是Servlet加上Velocity、JSON数据通信。你如果之前用过jQuery Mobile或者Sencha Touch，这篇文章提到的对比也能帮你做点技术选型参考。
前端切图那块经验挺多，像如何适配不同尺寸、怎么表单控件、怎么加快页面加载速度……都不是干巴巴讲概念，而是直接给方案、上细节。比如使用position: absolute控制浮层，或者用$('.nav-item')控制菜单交互，讲得还挺接地气。
如果你现在正好在做移动端 Web 项目，尤其是那种需要适配各种触屏设备的，不妨花点时间读读。思路清晰，例子也丰富，看完肯定能少走不少弯路。
文件大小：1.32MB
评论区