摘要：此文根据Steven Bradley的《How Well Do You Understand CSS Positioning?》所译，整个译文带有我自己的理解与思想，如果译得不好或不对之处还请同行朋友指点。当人们刚接触布局的时候都比较倾向于使用定位的方式。因为定位的概念看起来好像比较容易掌握。表面上你确切地指定了一个块元素所处的位置那么它就会坐落于那里。可是定位比你刚看到的时候要稍微复杂一点。对于定位来说，有一些东西会绊倒新手，所以在它成为你的惯用技巧前你需要掌握它们。一旦你更深入地了解了它是怎么运作的，你就能够做出一些更棒的事情来。CSS盒模型和定位的类型为了搞清楚定位首先你得了解CSS盒模 阅读全文

摘要：BFC其实没有那么神秘，BFC只是一个独立的布局环境，理解BFC对我们日常的布局设计上有着重要的帮助，并且BFC和Margin Collapse之间有着重要关联。另外文中还提到了clear float时候所产生'clearance'的计算。希望大家有所收获 阅读全文

摘要：介绍Emmet (前身为 Zen Coding) 是一个能大幅度提高前端开发效率的一个工具:基本上，大多数的文本编辑器都会允许你存储和重用一些代码块，我们称之为“片段”。虽然片段能很好地推动你得生产力，但大多数的实现都有这样一个缺点：你必须先定义你得代码片段，并且不能在运行时进行拓展。Emmet把片段这个概念提高到了一个新的层次：你可以设置CSS形式的能够动态被解析的表达式，然后根据你所输入的缩写来得到相应的内容。Emmet是很成熟的并且非常适用于编写HTML/XML 和 CSS 代码的前端开发人员，但也可以用于编程语言。使用示例：在编辑器中输入缩写代码：ul>li*5 ，然后按下拓展键 阅读全文

摘要：本文由白牙根据Phillip Whisenhunt的《Backbone.js Tips And Patterns》所译，整个译文带有我自己的理解与思想，如果译得不好或不对之处还请同行朋友指点。如需转载此译文，需注明英文出处：http://coding.smashingmagazine.com/2013/08/09/backbone-js-tips-patterns/，以及作者相关信息作者：Phillip Whisenhunt译者：白牙Backbone.js是一个开源JavaScript“MV*”框架，在三年前它的第一次发布的时候就获得了显著的推动。尽管Backbone.js为Javascrip 阅读全文

摘要：本文由白牙根据Heydon Pickering的《Semantic CSS With Intelligent Selectors》所译，整个译文带有我自己的理解与思想，如果译得不好或不对之处还请同行朋友指点。如需转载此译文，需注明英文出处：http://coding.smashingmagazine.com/2013/08/20/semantic-css-with-intelligent-selectors/，以及作者相关信息——作者：Heydon Pickering——译者：白牙“结构永远服从于功能，这是不变的法则”，建筑工程师“摩天大楼之父”Louis Sullivan如是说。因为工程师不 阅读全文

摘要：ie6~7下display:inline-block无效解决方案：需要hack触发hasLayout1 //IE6、7中内联元素（如span）触发layout属性后， 它的行为和标准中的 inline-block类似2 //IE6、7中块级元素（如div）触发layout属性，同时设置了 display: inline ，那么它的行为和标准中 inline-block 类似3 {4 *display: inline;5 *zoom:1;6 }IE6及更早浏览器只支持a(具有href属性)元素的:hoverIE6浮动元素与非浮动元素相邻的3px间距bug解决方案：为浮动元素添加一... 阅读全文