今天分享的关于LessCSS和Bootstrap的一些介绍，这是理论部分。
以后再介绍实战。
Category Archives: Code
关于CSS你知道的都是错的
最近刚在Kindle上读完的一本书，觉得还不错，做了PPT分享给大家。
扩展jQuery：自定义Live函数
平时在使用jQuery进行AJAX操作的时候，新生成的元素事件会失效，有时候不得不重新绑定一下事件，但是这样做很麻烦。jQuery1.3增加了一个live()方法，下面是手册上的说明：
jQuery 1.3中新增的方法。给所有当前以及将来会匹配的元素绑定一个事件处理函数（比如click事件）。也能绑定自定义事件。 Continue reading
匹配项目的栅格化系统
自适应按钮
按钮大小或者宽度根据内容而自适应主要技术难点在于圆角边框和渐变背景在所有浏览器的兼容。本文分两部分来说明各种解决方案。
本文不是所有的解决方案大全，只是选取介绍其中较优的方式。一些空标签和嵌套过多，或者HTTP请求过多的方法也能完成任务，但这些糟糕的方法即使介绍出来也是没有人使用的，就不浪费时间了。
IE6下中英文混排的bug
今天花了点时间攻克了一个困扰我很久的bug，听我慢慢道来。
最开始的时候是这样的：
关键代码如下：
<span><a href="#">文字文字文字文字</a></span>body {font: normal 12px/1.5 tahoma, arial, 宋体;}960px宽的网格已经过时了？
这是最近发表在Web Design Wall上的一篇文章，作者在为Themify设计主题的时候摒弃了传统的960px，大胆采用了自己的978px宽的网格。初看可能会觉得这个数字比较荒谬，不过想想我们的1024px宽的屏幕也会让不熟悉计算机原理的人觉得荒谬不是么？仔细阅读文章之后我发现这个宽度十分适合国外的13像素英文字体。而这个宽度是否适合国内中文字体的布局呢？请在本文后面留言。
另外，除了翻译原文内容以外，还还翻译了四天来原文上一些有建设性的评论。
以下是译文。
14条关于jQuery的知识【下】
本文是《14 Helpful jQuery Tricks, Notes, and Best Practices》的下半部分译文，上半部分为：
译后记：我觉得jQuery的目标应该是三点：
- 让程序员写出更优雅、清晰的的代码
- 让前端新手和设计师、重构人员容易上手，感受js的乐趣
- 以开放的心态和其他类库并存
以下是译文
关于div/article/section的区别
关于html5中新元素section/article和div的区别，虽然有一种感觉应该用什么，但没有明确的指导。以下是html5doctor的文章中的一节，我觉得这一节非常精准地描述了三者的区别。
篇幅越是短小，意味着原文的遣词越是精准，所以也放上原文以供批评。
Continue reading
14条关于jQuery的知识【上】
边翻译这篇文章，变学习一下周边知识，所以效率不太高，先放出上部分：前7条。
以下是译文
如果说jQuery也有缺点，那就是它太容易上手了，所以吸引了大量没有任何JavaScript的新手来使用。一方面来说，这真的很神奇。另一方面，这也导致了一大堆糟糕的代码诞生（有一些是出自我手！）
Continue reading