本文主要面对前端初级新手，是我从事前端项目外包这一年多时间里积累的经验，提供一系列的工具和资料来帮助新手更高效的从事前端开发。但是由于本人水平有限，所以只能写一些初级的方法和工具。没有添加诸如 grunt 这类的更高级的工具，因为我对这块目前 …
JavaScript 中如何打印对象
我们一般通过使用 console.log 把变量或者对象输出到浏览器的控制台（console）的方法调试 JavaScript 程序，但是在移动端开发 JS 程序的时候，就没有那么好方便，可以使用 console.log 的方式来调试，对于变量我们可以使用 alert 函数来输出进行调试，如 …
三个 HTML5 不常见但非常实用的特性简介
都已经到了 2014 年了，再来说 HTML5 的新特性，实在是够晚了，不过这几个在介绍 HTML5 的书上很少见到，但又可以方便的应用在自己的网站上，所以特地来介绍一下。
使用 Mobile Detect 直接获取操作系统和设备名称
我前面介绍了 Mobile Detect 这个轻量级的开源移动设备（手机和平板）检测的 PHP 类库，这个类库主要功能检测是否为输入的设备，比如 $detect->isiPhone() 就是检测当前设备是否为 iPhone，但是如果要做移动统计的话，怎样不用判断直接获取操作系统和设备 …
Mobile Detect：移动设备（手机和平板）检测的 PHP 类库
Mobile_Detect 是一个轻量级的开源移动设备（手机和平板）检测的 PHP Class，它使用 User-Agent 中的字符串，并结合 HTTP Header，来检测移动设备环境。这个设备检测的 PHP 类库最强大的地方是，它有一个非常完整的库，可以检测出所用的设备类型（包括操作类型，以及手机品牌等都能检测）和浏览器的详细信息。
在 jQuery 中如何判断对象是否存在
如果是下面的 jQuery 代码判断一个对象是否存在，是不能用的。 因为 $(“#id”) 不管对象是否存在都会返回 object 。 正确使用判断对象是否存在应该用： 使用 jQuery 对象的属性 length 来判断，如果 > 0 就存在。 或者 或者直 …
jQuery 工具栏提示插件：qTip
qTip 是一个 jQuery 工具栏提示插件，它能够帮你生成漂亮的工具栏提示。该插件支持多种浏览器 ，并且在主流的浏览器上都测试过，并且 qTip 还有 scripting API，使得我们能够通过一些 callback 方法或者属性就能非常扩展它的功能。
Embedly：一个 API 就能嵌入 100 多个网站的资源
我前面就介绍过 oEmbed 协议，oEmbed 是一种站点 A （比如你的博客）向站点 B （比如 YouTube）去请求嵌入内容（比如视频）的 HTML 代码的协议。
TinyPNG：在线 PNG 图片压缩工具
我们知道 PNG 是在网页中使用最广泛的一种图片格式，它可以存储部分透明的图片。虽然 PNG 格式已经进行来压缩，但是文件大小依然很大，今天就给大家推荐一个在线基于 Web 的 PNG 图片压缩工具：
使用 CSS3 实现圆角效果
W3C 很早就制订了实现了 CSS 圆角的 CSS3 属性：border-radius，Firefox 和 Safari 也一早通过私有属性实现了该功能，-moz-border-radius 是 Firefox 实现圆角的私有属性，而 -webkit-border-radius 是 webkit 内核浏览器（如 Safari 和 Chrome）实现圆角的私有属性
使用 jQuery 在新窗口打开外部链接
我们一般都希望在新窗口打开外部链接，这样用户就不需要离开网站就能访问外部链接，但是如果每个外部链接都手工加上新窗口打开的属性（target=”_blank”）的话，会让人非常抓狂。使用 jQuery，我们只需要几行代码就能在新窗口中打开外部链接。
快捷方便的 Font Icons 生成工具： Iconfont
字体图标和 @font-face 先来简单的介绍一下字体图标。字体图标是近两年才流行起来的技术，主要是因为 CSS3 增加了一个非常实用的属性 @font-face。传统的网页中的字体设置，使用 font-family 属性来定义，而且受限于浏览者电脑上所安装的字体，如果浏 …
检测设备平台，操作系统，方向 Javascript 库：Device.js
Device.js 是一个可以让你检测设备的平台，操作系统和方向 JavaScript 库，它会自动在 <html> 标签添加一些设备平台，操作系统，方向相关的 CSS class，这样就能让你针对不同设备撰写不同的 CSS，并且还提供一些 Javascript 函数来判断设备。
JavaScript 日期选择器 Pikaday 的高级用法
我前面介绍了轻量级的 JavaScript 日期选择器 Pikaday 和其简单的用法，但是在使用当中发现有几个限制：
jQuery Easing Plugin 网页缓动函数速查表
以 jQuery 为例，还记得之前在我爱水煮鱼上推荐的那个缓动插件 jquery.easing.js 吗？常规的动画效果就是线性变化，例如匀速的移动某个块或者元素。这种过渡效果很显然是非常低端普通的。有了 jquery.easing.js 这个插件之后，就可以调用里面定义的一些动 …