支付宝CSS样式架构
感冒低温一周终于好了，很欣慰打开电脑可以看到小鱼@sofish的《WebRebuild 分享: 支付宝CSS样式架构》，用在蜕变时的一句话勉励下自己和身边的朋友们：“聪明的人，总是用别人的智慧来填补自己的大脑，只要你迈出第一步，成功就在第二步。” 前进、积极效应带动自己和身边的人。
Javascript和CSS浏览器兼容总结
感谢webfenxi的分享，重口味收藏至此，原文如下：
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
这是我总结多年的一个小文档，主要内容是Javascript和CSS浏览器兼容总结，最近看见有人咨询浏览器兼容的问题，就贡献出来。
并不一定全，有的也可能不准确，比如新出的IE8、Chrome等都没有太多涉及，虽然最近做的一些项目也兼容了IE8、Chrome等，但都没来的及总结进去，后来就忘了…汗。大家一起慢慢完善吧。
javascript部分
1. document.form.item 问题
问题：
代码中存在 document.formName.item(“itemName”) 这样的语句，不能在FF下运行
解决方法：
改用 document.formName.elements["elementName"]
SASS/LESS如何安装使用 – 拥抱HTML5
上周末参加了#拥抱HTML5#两天下来感受并学习到了大部分关于HTML5的分享，这里感受较学习到的要多一些，毕竟不能靠两天的时间就能把分享者整理的知识点全都掌握，感谢远道而来的分享、w3ctech能够提供给这么多前端人员交流的机会，意义很大。
快乐设计师 [布丁]的演讲主题：《SCSS & Compass》中show了很多有关SASS, SCSS, COMPASS的技巧，用来提升我们平常组织CSS文档的效率，具体w3ctech会将当天分享的文档整理（如果等不及可以先查看SASS的官网或slideshare上的搜索结果）
好了回到正题《SASS/LESS如何安装使用》
1.搭建环境（简单的下载安装Ruby）
下载安装Ruby，Windows下的Ruby下载，Mac OS X 就跳过这一步，Linux自己去找吧（这部分用户的强项）
建议安装的时候勾选下，这样可以直接通过cmd命令行操作（不必手动添加Path）
2.安装SASS
完成第一步之后，在开始菜单中找到并运行Ruby命令行，如图
启动可以看到命令行窗口，安装SASS（LESS安装方法相同），在命令行键入如下代码（其实官网顶部所列的三条即为常用的）并回车：
gem install haml
CSS裸奔节-NAKED-2011
今天，你裸了吗
4月9日的CSS裸奔节到了，脱掉CSS，露出HTML真实的脊梁骨吧 – PS:宁可CSS分层多一些，也要保证HTML结构的简洁、语义化的书写习惯。
关于CSS 旋转
实现这个方法很简单，只要我们利用好css旋转属性就OK了。看一下效果图：
看完效果分析一下：这里有三个嵌套的元素：第一个是最外层不做任何的变化，第二个是第二层元素做顺时针旋转，第三个是最里层元素在同一方向作逆时针旋转。如图：
HTML
<div class="box"> <div class="inner"> <div class="content"><img src="img.jpg" alt="my bike" /></div> </div> </div>
The CSS
Continue reading →
CSS垂直方向属性
记录一下文字的垂直方向的CSS属性；
方法大致相同：
1、简单方法使用table标签，样式属性直接写在TD/TH中即可；
2、如果是其他标签如DIV，那么赋予其table属性。IE6 7使用绝对定位的方式
Continue reading →
CSS圆角投影处的两个伪类
浏览苹果官网发现的，下图是截自Mac栏目下的一处圆角投影（border-radius, border-shadow）
上图左边的是A级浏览器呈现的，右边方角的是IE呈现的(优雅降级。。)
部分对应代码如下，
PPT分享：CSS继承之详解
最近身边有朋友在学习CSS，有问到一些基础的知识，今天看到这份翻译的PPT分享：CSS继承之详解，蛮不错的，尤其是配图很好~
View more presentations from 张 鑫旭.
css圆角
css3和html5 在大家的眼中已经不是什么新鲜的事了，但是能兼容它的浏览器却不是全部，而我只是简单的看了它们的一些属性，简单的性的了解了一下。前些时间一个同事让我写一个圆角的div，要求是尽量少放图片，我想到了css3中有这个属性
在网上查了查发现写圆角的方法还是有很多的。大概的总结了以下几点：
1.灵活的圆角
为了能让圆角更加灵活，我们可以把容器里的每个圆角都做成一个独立的元素，通过CSS强行定位到父容器的四个角上。在这个方法里，我们只需要用到下边这个图片。
HTML: