Intro.js：网站功能操作分布引导插件（附中文独家使用教程）
现在如果你是第一次访问Jeff的阳台的首页，你会发现会出现如下图的一个“导游”界面。这个就是使用Intro.js 这个javascript 插件制作的。在当初接触的时候，我发现网络上根本没有个中文使用教程，还是一点点啃下readme 文件才知道怎么用，接下来我将为各位介绍一下这个插件的使用方法——中文独家使用教程。
分类： 前端开发
rainyday.js——超逼真全屏雨滴模拟插件
rainyday.js 是一个模拟雨滴落在玻璃上的JavaScript 库，基于HTML5 的canvas 。rainyday.js 做出来的雨滴效果非常逼真，在模糊背景的下的雨滴一点点爬满“玻璃”，配合着的背景音乐令人浮想联翩~~好了，有兴趣的往下看。
(2013.09更新)最新W3School 离线完整版CHM 电子书下载
最近一直很忙，有网友在《(2013.07)最新W3School 离线完整版CHM 电子书下载》一文评论说W3School 已经有更新了，叫我也更新电子书。忙到现在，我才能说：好吧，更新了，需要的速速下载吧~
CSS 代码的书写规范、顺序
本文来自设计达人网站，Jeff 看到该文感觉非常有必要学习分享，so，转载在这里，感谢原作者——写了这么久的CSS，但大部分前端er都没有按照良好的CSS书写规范来写CSS代码，这样会影响代码的阅读体验，这里设计达人网总结一个CSS书写规范、CSS书写顺序供大家参考，这些是参考了国外一些文章以及我的个人经验总结出来，我想对写CSS的前端用户来说是值得学习的。
Web 前端性能优化相关内容解析
Web 前端性能优化相关内容，来源于《Google官方网页载入速度检测工具PageSpeed Insights 使用教程》一文中PageSpeed Insights 的相关说明。大家可以对照着去优化自己的网站或者相关项目。本文由Jeff 整理。
分享本站右侧 “类Metro风格侧边栏” 的实现方法
本站DeveWork.com 右侧边栏有个“类Metro风格侧边栏”的小工具，半年前的时候微软所带来的“Metro风格”（也叫Modern 风格、Windows UI）还挺流行，因此当初在设计这个主题的时候想着运用一下。具体实现的起来也不是很难，CSS 热点+CSS Sprite 技术，纯CSS+Html。具体见下文。
jQuery官方jQuery 入门教学视频：TryjQuery（简体中文版下载）
TryjQuery 是今年3月份的时候jQuery 官方联合code school 推出的一个学习资源平台，其包括14个视频、71个交互式挑战。随后国内有好心的网友发挥“字幕组”的雷锋精神，翻译了所有的视频。Jeff 也试着学习了一下，老外的教程就是做的不错，交互式教学，形象生动，循序渐进。
网站性能评分工具Yslow 使用教程
Yslow 这个工具相信无论是搞前端的攻城师或者是搞网站的站长都了解，Yslow 可比谷歌的PageSpeed 有名多了；那个百分制下的评分数据总让国人着迷，看来应试教育造的孽太深了。Jeff 认为的话，Yslow 比较专业，但是因为是英文的，所以在个人分析结果上对某些人比较吃力，建议先使用PageSpeed Insights熟悉熟悉。