共 3 篇相关文章
这篇讲的是CSS3的全景概览。作者将CSS3比作一个大宝藏，指出许多开发者可能因实际应用的局限，只接触到其中一鳞半爪。因此，文章的目标就是跳出单纯的炫技案例，为读者提供一次稍大范围的、概括性的梳理。 作者系统地展示了CSS3如何用代码替代图片和JS，显著提升了效率与灵活性。内容从最核心的布局开始，深入解析了灵活的Flexbox、多栏布局、Calc计算以及新兴的Grid网格布局，对比了它们与传统浮动布局的优势。在视觉表现上，详细介绍了阴影、圆角、渐变、图像边框和多背景图等特性。此外，文章还涵盖了Transform、Transition、Animation这套动画组合拳，以及强大的选择器和Rem单位等实用模块。 尽管CSS3常被与炫酷动画关联，但作者强调其宝藏远不止于此。文章最后指出，用好这项技术需达到功能性、灵活性与合理性的平衡，才能在实际项目中挥洒自如。
这篇文章探讨了移动端页面适配的核心问题：是否需要动态调整viewport的scale，以及如何选择最合适的自适应方案。作者从css开发者大会的分享出发，深入分析了手淘、天猫和手机携程三家大型网站的实际做法。 手淘方案通过获取设备dpr，动态生成viewport并利用rem进行布局；天猫则采用固定scale=1.0，结合flex布局以iPhone6宽度（375px）为基准；手机携程相对传统，使用固定的scale配合px与百分比布局。 作者针对常见的“1px问题”和“倍图适配”需求进行了实验验证。结论是，虽然动态调整scale能精确还原设计稿的1px边线并匹配不同dpr的图片，但实现成本较高。对于大多数项目，采用固定scale=1.0的“完美视口”，并配合rem管理尺寸、flex构建布局，是一种性价比很高、足以应对多数场景的实践方案。关键在于根据项目对还原度的具体要求，在开发成本与效果之间做出权衡。
这篇讲的是作者因项目代码混乱而受刺激，在业余时间封装的一个触屏手势库——jTouch。它专注于为触屏浏览器提供一套完整的手势识别方案。 文章开篇就坦诚地分享了作者的创作动机，那种对整洁代码的追求很能引起开发者共鸣。jTouch目前主要针对iPad测试，支持tap（单击）、doubletap（双击）、longtap（长按）、hold（拖拽）、swipe（滑动）、flip（轻拂）、pinch（捏合）和rotate（旋转）这八种核心手势。 作者没有停留在功能列表，而是详细说明了每个手势回调函数中能获取到的关键数据。比如，swipe和flip会返回方向（direction）和移动距离（x, y）；pinch会返回缩放类型（in/out）和比例（scale）；rotate则会返回方向和旋转角度（rotation）。这些细节对于开发者在回调中实现具体交互逻辑至关重要。 文章还提供了链式调用的简洁语法示例，并附带了几个生动的在线演示，包括一个触摸平滑移动的轮播效果，以及一个模拟iPad图标长按抖动、双击复位的界面。这些示例直观展示了库的实用性，也为想实现类似效果的开发者提供了直接的参考思路。
