奈文摩尔的世界

网页设计师努力寻找新的方式来展现内容。其中一个大的趋势是单页网站，现在被世界上的一些大的品牌广泛采用，使用它们来为用户提供一个快速，干净和简单的而且​​美丽的网站。下面是10个令人惊叹的单页 H​​TML5 的网站，涵盖了简约设计，简单导航和视差滚动的综合应用。Every Last DropMarty.comOakley Airbrake MXScr

实际应用中，考虑seo的情况下，很多button，icon都要用到inline-block和text-indent来处理例如：HTML:ButtonCSS: .btn{display:inline-block; width:100px; height:23px; text-indent:-9999px;background-image:url(img.jpg);}如果这样写

网上关于响应式设计的教程好复杂，我写一个简版的。简单说呢就针对不同的屏幕分辨率应用不同的CSS样式。比如在电脑、Pad设备上，屏幕比较宽，就可以一行放2个Div。到了手机上，或者Pad竖着拿的的时候，一行就只放1个Div。这里有2个关键点：一是如何在不修改Dom结构的前提下调整布局。二是如何判断屏幕分辨率并应用对应的CSS。以上两点都应该不依赖与JS

IE6双倍边距bug当页面内有多个连续浮动时，如本页的图标列表是采用左浮动，此时设置li的左侧margin值时，在最左侧呈现双倍情况。如外边距设置为10px， 而左侧则呈现出20px，解决它的方法是在浮动元素上加上display:inline;的样式，这样就可避免双倍边距bug。 3像素问题及解决办法当使用float浮动容器后，在IE6下会产生3px的空隙，有意思的

IE6双倍边距bug当页面内有多个连续浮动时，如本页的图标列表是采用左浮动，此时设置li的左侧margin值时，在最左侧呈现双倍情况。如外边距设置为10px， 而左侧则呈现出20px，解决它的方法是在浮动元素上加上display:inline;的样式，这样就可避免双倍边距bug。 3像素问题及解决办法当使用float浮动容器后，在IE6下会产生3px的空隙，有意思的

渴切（keqie.com）讯：近段时间一直忙于渴切v3.1的升级工作 ，为了给渴切 添加ie6~ie8的响应支持，研究了不少的响应式网站，不管是国外的还是国内的。 这块国内资料比较少 ，于是打开谷歌英文版 搜索“response css framework”类似关键词的查询， 发现国外的响应是不用兼容ie6~ie8的。然后试着搜索了一下“css3 response ie6 js”关键词，发现了