有时候，我们就是会不由自主地写出一些低效的代码，严重影响页面运行的效率。或者我们接手的项目中，前人写出来的代码千奇百怪，比如为了一个 Canvas 特效需要同时绘制 600 个三角形，又比如 Coding.net 的任务中心需要同时 watch 上万个变量的变化等等。那么，如果我们遇到了一个比较低效的页面，应该如何去优化它呢？

行业里有一种批评，说前端太浮躁，总是追逐新技术，感觉 grunt 还不熟悉，突然一夜之间满大街都在谈论 gulp 了。月影觉得不能怪技术发展太快，技术发展总是带来好处多于坏处，有时候我们确实需要鼓起勇气去“追求”技术潮流，当然理由是为了弄明白为什么有这些技术工具，而无关于什么浮躁之类的事儿。

谷歌浏览器如今是Web开发者们所使用的最流行的网页浏览器。伴随每六个星期一次的发布周期和不断扩大的强大的开发功能，Chrome变成了一个必须的工具。大多数可能熟悉关于chorme的许多特点，例如使用console和debugger在线编辑CSS。在这篇文章中，我们将分享一些很酷的技巧，让你能够更好的改进工作流程。

Gulp 是一个基于 nodejs stream 的流式前端构建工具，与 Grunt 功能相同，专注于前端资源的编译、检查、压缩等自动化工作。

新发布的Sass 3.3版本，将Source Maps正式纳入了Sass中。这也成为Sass新版本的一大亮点，一大新功能。让广大Sass爱好者可以直接在浏览器中更容易调试自己的代码和Debug相关操作。其实早在2013年七月份Umar Hansa在《Developing With Sass and Chrome DevTools》就详细介绍了如何使用Sass的Source Maps功能帮助大家在浏览器中更好的调试SCSS(或Sass)代码。今天将老调重谈，通过图解的方式向大家介绍如何在Chrome和Firefox浏览器中实现Sass3.3的Source Maps特性。

Emmet插件以前被称作为Zen Coding，是一个文本编辑器的插件，它可以帮助您快速编写HTML和CSS代码，从而加速Web前端开发。早在2009年，Sergey Chikuyonok写过一篇文章，提出编写HTML和CSS的新方法。这一革命性的插件指的就是Zen Coding，经过很多开发者多年来的努力与帮助，现在已达到了一个新的水平。也就是今天所说的Emmet插件。

Emmet (前身为 Zen Coding) 是一个能大幅度提高前端开发效率的一个工具，它能够让你在编辑器中书写CSS和HTML的缩写并且动态地拓展它，并且它还支持CSS3新属性和自动拓展各个浏览器的前缀，这对于开发者来说实在是一个福音！本文详细为你介绍了所有的HTML以及CSS的缩写方法，妈妈再也不用担心你HTML/CSS了！

《浏览器开发工具的秘密》是涂鸦码农抽空根据Secrets of the Browser Developer Tools全站翻译了，主要讲了Chrome, Opera, Firefox, Safari主流浏览器的调试技巧，内容很多，适合各个阶段的码农学习。绝对是干货，特意将此文转载到小站。

如果你正在使用sass、less或coffee，而没有注意到koala，那说明你可能已经好久没有更新你的知识库了。koala这个由国人编写的，用于编译sass、less、coffee利器，在最近的短短几个月曝光率不亚于任何其他的技术。当然这跟其作者的辛勤劳动，让其更强更优秀有很大关系。在此先感谢koala的作者们，感谢你们给我们带来这么棒的免费工具。

其实编译工具有很多，我本人就各种免费的编译sass的工具都试过，一般都是不了了之，要么功能有限，要么编译速度不敢恭维，直到一个偶然的机会遇到koala，才停止搜索脚步，稳定使用它，现在它已经是我开机必备工具之一。下面我将以我自己的实际经验，简单介绍下koala。

Git对于我来说，只知道是一个版本控制器，类似于乌龟的svn。其中也仅仅会几个常的命令，比如说“更新git pull”、“提交git push”等等，因为记得当初使用的时候，师傅告诉我，对于你不懂这个不要紧，记住几个常用的命令就足够使用了。 师傅的话没有错，有这些命令是足够使用了，但往有时候还是很难完成我们工作中的需求，比如如何安装、分别何创建库等，这就几个命令无法实现的了。只可惜自己太懒，以致于每次使用的时候都需要去查找相关的资料，真是无颜面对江东父老呀。 今天邮件中收到一个有关于git指南的资源，真是清新悦目呀，几句话就把git说的清清楚楚，可谓是应该讲的都讲了，而且是简单明了。并且发现其有中文版本，特意将其中文版本搬到小站上，与大家分享。