以 jQuery 为例，还记得之前在我爱水煮鱼上推荐的那个缓动插件 jquery.easing.js 吗？常规的动画效果就是线性变化，例如匀速的移动某个块或者元素。这种过渡效果很显然是非常低端普通的。有了 jquery.easin …
jQuery Easing Plugin 网页缓动函数速查表
ProCSSor：一个整理 CSS 代码的超棒工具
CSS 代码对于前端来说，是天天都要打交道的东西。在长期的前端开发中，每个前端开发者也形成了自己的 CSS 编写风格。有的习惯一行式、有的习惯多行式等等。如果看到了一段不同风格的 CSS 代码，往往会让人 …
CSS3 代码生成工具：Create CSS3
CSS3 具有相当多的新增属性，而且包括阴影、动画、过渡等华丽的效果。但是由于 CSS3 出来并没有很久，各个浏览器厂商还在开发中，有些属性仍然会带有实验性前缀。而且类似制作动画、渐变的 CSS3 代码也相当 …
iPhone，iPad 等常用设备的 CSS3 Media Queries
什么是 CSS3 Media Queries CSS3 中的 Media Queries 可以让我们设置不同类型的媒体条件，并根据对应的条件，给相应符合条件的媒体调用相对应的样式表。现在最常见的一个例子，就是可以同时给 PC 的大屏幕 …
PHP 缩图利器：TimThumb
TimThumb 是一个非常简洁方便用于裁图的 PHP 程序，只要给他设置一些参数，它就可以生成缩略图。现在很多 WordPress 主题中，都使用 TimThumb 这个 PHP 类库进行缩略图的处理。
浏览器对 CSS 选择器的兼容性列表
浏览器的兼容性是前端非常重要的一部分是每一个前端必备的技能，选择器则是 CSS 最基础的知识。熟练的掌握各种选择器，可以方便快速精准的为元素赋予样式，但是越是高级的选择器，就面临越多的兼容性问题， …
前端学习的知识结构和学习资料集合
一些业界的前辈们根据自己的实践经验和总结，发起了这样一个前端知识结构和学习资料的集合：Frontend Knowledge Structure（简称 fks ）。
使用 CSS 去掉 iPhone 网页上按钮的超大圆角默认样式
使用 iPhone 上的浏览器去浏览网页的时候，按钮总是显示超大圆角的样式，显得超级恶心，但是我们自己定义 border-radius 为 0 也无法去除这个圆角，经过搜索发现这是 webikt 内核浏览器通过私有属性 -webki …
为 IE7、IE8 增加圆角支持的 jQuery 插件：jQuery Corner
圆角在网页设计中比较常见，但是却让前端很苦恼。在过去的时候，做一个圆角效果往往需要将圆角图片切出，然后通过背景等实现效果。而在现在，CSS3 中有一个 border-radius 属性即可生成各种尺寸的圆角，十 …
轻量级 DOM 操作的 JavaScript 库：HTML.js
HTML.js 是一个轻量级的（压缩后只有 2kb）HTML DOM 操作 JavaScript 类库，它让你通过非常直观，可读性强的代码去操作遍历或者搜索 DOM 结点，并且很容易就能扩展。 比如通过一下代码就可以找到 class 为 …
制作网站或者 App 在样机上的截图：MockUPhone
在设备样机上展示网站或者应用的截图，可以让用户更容易想想真实产品的样子， MockUPhone 就是一个制作这样样机截图的免费 Web App。 它会让你从目前最流行的平板和手机中选择一款设备，上传截图，然后就会 …
常用正则表达式
用好正则表达式可以快速提高程序开发和程序本身的效率，网上关于正则表达式的教程也有很多，但是真正要精通正则表达式还是比较难，不过我们真正用到的正则表达式其实不会太多，如果掌握几个常用的正则表达 …