在很多场合都会听到前端工和 node 程师推荐 Grunt 来实现项目的自动化，自动化可以自动完成 javascript/coffee/sass/less 等文件的的测试、检查、合并、压缩、格式化、部署文件生成，并监听文件在改动后重复指定的这些步骤。 得益于 Grunt 基于任务的设计模式，这...
分类：
其他好文 时间：
2015-03-04 16:02:44
阅读次数：
190
rem是CSS3中新增加的一个单位值，他和em单位一样，都是一个相对单位。不同的是em是相对于元素的父元素的font-size进行计算；rem是相对于根元素html的font-size进行计算。这样一来rem就绕开了复杂的层级关系，实现了类似于em单位的功能。Rem的使用前面说了em是相对于其父元素...
分类：
其他好文 时间：
2015-03-04 16:01:20
阅读次数：
425
这一小节我们先来讲解一个“模态弹出框”，插件的源文件：modal.js。
右侧代码编辑器（30行）就是单独引入 bootstrap 中发布出的“modal.js”文件。
样式代码：
? LESS版本：modals.less
? Sass版本：_modals.scss
? 编译后的Bootstrap：对应bootstrap.css文件第5375行～第5496...
分类：
其他好文 时间：
2015-03-04 11:06:32
阅读次数：
309
前端时间做项目发现一抖动按钮挺吸引眼球的，研究了下实现原理，在此和大家分享下：CSS Shake是一个使用CSS3实现的动画样式，使用SASS编写，利用它我们可以实现多种不同样式的抖动效果（如下面的GIF图像）。这是一个很微小的动画，但使用得当也是挺不错的，比如用在广告、图像、按钮上，这样可以用来吸...
分类：
Web程序 时间：
2015-03-02 12:59:56
阅读次数：
682
暂时不支持目录修改、创建、删除。var gulp = require('gulp');var fs = require('fs');var path = require('path');var less = require('gulp-less');var sass = require('gulp-...
分类：
其他好文 时间：
2015-02-27 06:38:31
阅读次数：
188
最近刚接触sass这个css预处理器，其在windows上需要先安装Ruby运行环境。装好Ruby和sass后，发现如果要将.sass文件转成css的话，还需要在控制台中输入命令，比较麻烦。由于我自己用的IDE是phpstorm，所以去其官网翻了下，可以用里面的File Watchers来实现自动转...
分类：
Windows程序 时间：
2015-02-26 18:15:28
阅读次数：
1449
前端编码规范（1）——一般规范前端编码规范（2）——HTML规范前端编码规范（3）——JavaScript规范前端编码规范（4）——CSS和Sass(SCSS)规范WEB前端开发http://www.css88.com/
分类：
其他好文 时间：
2015-02-26 16:48:32
阅读次数：
137
在Javascript的 开发过程中，经常会遇到一些重复性的任务，比如合并文件、压缩代码、检查语法错误、将Sass代码转成CSS代码等等。通 常，我们需要使用不同的工具，来完成不同的任务，既重复劳动又非常耗时。Grunt就是为了解决这个问题而发明的工具，可以帮助我们自动管理和运行各种任务。sudo ...
分类：
其他好文 时间：
2015-02-25 16:48:52
阅读次数：
177
众所周知，写CSS是一个无聊加无聊的事情，各种重复的代码，代码臃肿。这时Less诞生了，Less是一个CSS编译器，方便前端人员更高效的写CSS(当然还有Sass，这个以后说)。很多人被Less环境搞的死去活来，其实不需要，下载koala软件就行了(http://koala-app.com/inde...
分类：
其他好文 时间：
2015-02-21 14:18:27
阅读次数：
161
作为CSS的一种扩展，Less不仅完全兼容CSS语法，而且连新增的特性也是使用CSS语法。这样的设计使得学习Less很轻松，而且你可以在任何时候回退到CSS。用less来控制样式，更加的方便，写好的less代码，可以通过编译生成css,这是对css非常强大的扩展，让我们写起代码时，更加的顺畅..
分类：
其他好文 时间：
2015-02-15 23:14:22
阅读次数：
619
