什么是设计模式？ 曾有人调侃，设计模式是工程师用于跟别人显摆的，显得高大上；也曾有人这么说，不是设计模式没用，是你还没有到能懂它，会用它的时候。 先来看一下比较官方的解释：”设计模式（Design pattern）是一套被反复使用、多数人知晓的、经过分类的、代码设计经验的总结。使用设计模式是为了可重用代码、让代码更容易被他人理解、保证代码可靠性。 毫无疑问，设计模式于己于他人于系统都是多赢的；

本文整理了10款非常实用的CSS工具，这些工具可以帮你处理一些单调重复性的工作，大大提高了Web开发工作效率，简化了工作流程。 原文：http://web.jobbole.com/13758/ 1.  Animatable 该工具用于创建CSS3动画，创建的动画可以在任何平台或设备（包括Android、BlackBerry、iOS 和WebOS等）中的现代浏览器中运行。即便你不熟悉CSS

原文：http://web.jobbole.com/87481/ 本文只针对两大手机阵营 Android和IOS 中的魅蓝metal 和 iPhone6进行样式对比。 一、line-height line-height经常用于文字居中，当然也有小伙伴会用上下padding去写.but！不管你用padding还是line-height，不同手机显示效果还是…不一样。 一般会这样写

/*变量定义时不加{}; 如果表示属性，在使用时也不加{}; 如果表示选择器，则使用时要加{}; 如果作为属性，但是是字符串时，也需要加{}，类似于字符串模板。*/@color: color; @dialog: .dialog; @suffix: fix;@hi: ‘hello ‘; @dear: there ;.dialog{ background-@{color}: #88