项目中使用了SASS，一直觉得颜色的命名很乱，觉得有必要有一个工具告诉你对应的颜色应该叫什么名字。于是我写了一个小工具ColorNamer。
分类：
其他好文 时间：
2015-03-10 21:23:15
阅读次数：
218
一：打开：工具--命令面板二：输入：package,,选择下拉列表里提示的install package三：输入需要安装的插件的名称，如：angularJS Less sass 回车即可安装，四：安装成功后最好重启sublime，然后进行测试。
分类：
其他好文 时间：
2015-03-08 12:53:34
阅读次数：
114
在很多场合都会听到前端工和 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
DAY 3学习进入第三天，今天计划学习模块，集合以及简单的文件操作。3.1Mixin 模块面向对象语言使用继承，来将行为传播到相似的对象上。具体到语言，C++使用的是多继承，但是过于复杂，Java采用接口的方式，而Ruby则选择使用了模块，先来看下代码：module ToFile
def filename
"object_#{self.object_id}.txt"...
分类：
其他好文 时间：
2015-02-28 14:33:46
阅读次数：
134
暂时不支持目录修改、创建、删除。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
