竹风欣海笑

离职后，得闲整理前端这一年的收获。发现每个浏览器的书签都是满满的，这些都是平常关注前端动态留下的痕迹。意外发现一个好玩的东西——mavo,今天就用它来做一个前端导航页面。

gulp简介

gulp 是基于 node 实现 Web 前端自动化开发的工具，利用它能够极大的提高开发效率。

也许大家都知道使用js的substring函数来实现字符打印，那么通过css3实现同样的效果你了解吗？

你还在一个字符一个字符的敲代码吗？如果是那你就太OUT了，现在什么都流行自动化，当然敲代码也不能落后啊。这款emmet神器，让你的代码输入效率瞬间翻倍！我们还是先看效果图：

制作丰富多彩的前端网页要不断与颜色打交道，虽然不要求我们像设计师一样对颜色那么敏感，但也要至少了解一下颜色的知识。所有的颜色都是由三种颜色按照不同的比例合成产生，这也就是三原色原理。

你还在为打开多个文件夹，切换时找文件找的晕头转向而烦恼吗？
你还在为每天层层深入的找某个文件而浪费时间吗？
看了这篇文章，让你瞬间摆脱烦恼。

前端开发人员可能都遇到这种情况，有时候我们想把div的高度像设置宽度一样设置成占网页的百分之多少，却发现高度百分比并不起效。

在开发中经常会使用阴影增加现实感，css3实现的模糊阴影主要分为盒阴影box-shadow和文本阴影text-shadow。今天就带大家玩转css的阴影，后面的拓展也只是抛砖引玉，希望给各位带来启迪。

css不仅是一门技术，还是一门艺术。css3的出现，给我们带来了更大的想象空间。今天带大家见识一下半字符的艺术。

纯css3实现的图片倒影效果。主要用到的是box-reflect属性，但由于兼容性问题，配合使用了-moz-element()。