Web 前端性能优化相关内容解析
Web 前端性能优化相关内容，来源于《Google官方网页载入速度检测工具PageSpeed Insights 使用教程》一文中PageSpeed Insights 的相关说明。大家可以对照着去优化自己的网站或者相关项目。本文由Jeff 整理。
月度归档： 2013 年 8 月
分享本站右侧 “类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熟悉熟悉。
Google官方网页载入速度检测工具PageSpeed Insights 使用教程
相信有接触前端开发的大神们都听说过Google官方的PageSpeed Tools，这个网页载入速度检测工具有在线版本也有一个 Chrome 扩展，叫PageSpeed Insights，在此之前，Jeff 了解的更多是雅虎的 Yslow 。不过在Jeff 使用过 PageSpeed Insights 后，感觉更加容易上手——因为人家PageSpeed Insights 有中文！下面就介绍一下PageSpeed Insights。
Web Developer 简体中文汉化版下载（ Firefox & Chrome 扩展）
网页开发者(Web Developer)是给Mozilla Firefox核心为基础网页浏览器的一个强大的扩展（后来也延伸到了 Chrome ）。它加入了几个菜单与一条工具栏以及多种网页开发者工具。上面集成了大量的网页开发工具，例如：调试CSS、清理Cookie、对表单图片等对象进行操作等等。原版扩展的话是英文的，下面就分享简体中文汉化版的下载。
Google Chrome 浏览器 开发者工具 使用教程
对于Chrome 浏览器，除了占用内存的缺点，其他都很不错。对于Chrome 浏览器的开发者工具，Jeff 除了Elements、Resources、Network、Console这四个标签页用得比较多外，其他的都甚少理解。今天偶然看到一篇Chrome 浏览器开发者工具的使用教程，感觉不错，顺便转载在这里，感谢原作者的辛苦劳动。
Sublime text 3 中Package Control 的安装与使用方法
Package Control插件本身是一个为了方便管理插件的插件，在Sublime text 3中，Package Control 的安装方法一开始出来的方法是要先安装Git，再输入代码来安装，原因说是“sublime text 3更新的python的函数，说白了就是API不同了，导致基于python开发的插件很多都不能工作”。不过后来出了个方便的安装方法，下面介绍一下。