Gulp入门教程前言最近流行前端构建工具,苦于之前使用Grunt,代码很难阅读,现在出了Gulp,真是摆脱了痛苦。发现了一篇很好的Gulp英文教程,整理翻译给大家看看。为什么使用GulpGulp基于Node.js的前端构建工具,通过Gulp的插件可以实现前端代码的编译(sass、less)、压缩、测...
分类:
其他好文 时间:
2015-01-07 18:31:57
阅读次数:
233
一、前言 说到前端构建怎能缺少CSS预处理器呢!其实CSS的预处理器有很多啦,比较出名的有Scss、Sass、Stylus和Less。(最近还听说出现了Autoprefixer等CSS后处理器,可参考@一丝的PPT) 众多CSS预处理器中Les...
分类:
其他好文 时间:
2015-01-07 16:46:11
阅读次数:
322
Sass与Compass 学习笔记安装: 1、装sass之前先确认装了ruby; 2、命令gem install sass *注一般不能正常安装 由于国内网络原因(你懂的),导致 rubygems.org 存放在 Amazon S3 上面的资源文件间歇性连接失败。这时候我们可以通...
分类:
其他好文 时间:
2015-01-05 12:52:23
阅读次数:
254
应用开发中的一个常见情景,为了避免简单重复,需要在基类中实现共用代码,着同样有助于后期维护。如果在以往的支持类继承的语言中,比如c++,Java,c#等,这很简单!可是go不支持继承,只能mixin嵌入,且看下面的代码:type ManKind interface{ Say(s string...
分类:
其他好文 时间:
2014-12-29 14:59:22
阅读次数:
159
不就前开始接触到LESS和SASS ,一直不知道怎么编译,编译SASS好像要使用Ruby吧,这个不懂,搁置了好长时间也没有学习。今天在读成林先生的《Bootstrap实战》时推荐了一个工具叫做 SimpLESS。这个工具确实很强大,又很方便。在Nodepad++里使用LESS语法写好文件后,保存为....
分类:
其他好文 时间:
2014-12-27 17:27:57
阅读次数:
125
Sass:
1. 安装Ruby 最新为
2.1.5版本,不放心的话安装 Ruby 1.9.3-p551
安装过程中注意勾选上第二项!即将Ruby加入到可执行的环境变量中去。
安装结束后在命令行中运行 ruby -v 能看到对应的版本则说明安装正确。
2.通过Ruby安装Sass
启动Ruby中的“Start C...
分类:
Web程序 时间:
2014-12-25 18:28:57
阅读次数:
523
变量:
$color:#f00;
1、变浅和加深颜色,sass使用HSL标准来变浅或加深颜色
lighten($color,10%);
darken($color,30%);
2、颜色互补
complement(lighten($color,20%));
3、反色函数
invert(lig...
分类:
其他好文 时间:
2014-12-24 14:45:16
阅读次数:
210
心血来潮,想用下Sass。先安装,先装ruby,官网下载即可,双击安装,需要注意的是在安装过程中,选择将ruby加入环境变量,这样我们就可以在命令行下用了。然后就是安装Sass,一条命令即可gem install sass但是,竟然被墙了。。使用下面的方法,原文地址:http://www.w3cpl...
分类:
其他好文 时间:
2014-12-19 17:20:38
阅读次数:
127
阴影效果通常用来表现光线投射在物体上的感觉,如果想制作一个如图5.19所示的文字光影效果,就可以使用背景的线性渐变进行构建。...
分类:
Web程序 时间:
2014-12-16 19:20:09
阅读次数:
203
介绍了Sass基础语法与Compass框架,这个网上参考文档就OK了,另外介绍了compass生成图片精灵和相应的css,貌似现在单纯用sass和compass的挺少,要不grunt,要不FIS,而grunt和FIS貌似都有自己的图片精灵方案(好吧,我都没用过)?所以,这本书也没什么必要看了→ →
分类:
其他好文 时间:
2014-12-16 00:52:01
阅读次数:
178