作为一个CSS预处理器，[Sass](http://sass-lang.com/)正受到越来越多的青睐，诸如Github、Codepen、CSS-Tricks、SitePoint、w3cplus等网站采用Sass组织、管理CSS文件，Sass正在逐渐成为事实上的CSS预处理器**行业标准**。接下来几篇文章，我们来研读下Sass中的关键功能，今天来看map，大家不妨一坐，精彩内容马上呈现。...
分类：
其他好文 时间：
2015-02-15 12:13:04
阅读次数：
253
场景： 想安装SASS的时候，打开cmd，输入gem install sass的时候却出现了： ERROR: Could not find a valid gem 'sass' (>= 0), here is why: Unable to download data from .... ...
分类：
其他好文 时间：
2015-02-15 08:18:57
阅读次数：
679
在线转换器 http://sassmeister.com/http://www.ruanyifeng.com/blog/2012/06/sass.html一、什么是SASSSASS是一种CSS的开发工具，提供了许多便利的写法，大大节省了设计者的时间，使得CSS的开发，变得简单和可维护。本文总结了SA...
分类：
其他好文 时间：
2015-02-13 17:58:40
阅读次数：
130
CSS很美妙，能够为您的页面床上衣裳，各种各样五彩斑斓的衣裳，但是对于开发者来说，他又不够灵动，于是乎有了各种各样的预处理器Sass、LESS、Stylus（笔者建议Sass的SCSS语法），这些预处理器可以很大程度的提高CSS的灵活性，增强CSS的代码组织与维护。但是毕竟不是亲生的，然后负责CSS开发的那些大牛们坐不住了，开始给CSS赋予一些新的特性，本文就来探讨下CSS变量的进展与应用。...
分类：
Web程序 时间：
2015-02-12 10:47:12
阅读次数：
201
Gulp入门基础教程原文在此 前言最近流行前端构建工具，苦于之前使用Grunt，代码很难阅读，现在出了Gulp，真是摆脱了痛苦。发现了一篇很好的Gulp英文教程，整理翻译给大家看看。为什么使用GulpGulp基于Node.js的前端构建工具，通过Gulp的插件可以实现前端代码的编译（sass、le....
分类：
其他好文 时间：
2015-02-12 00:33:13
阅读次数：
493
1.首先需要安装node+npm（这里不再叙述，网上教程一大堆）2.gulp全局安装：npm install -g gulp3.cd进入到你的项目目录，这里使用demo文件夹为我的示例项目4.在demo项目中新建dist和src两个文件夹，再在src文件夹下新建images，sass，js三个文件夹...
分类：
其他好文 时间：
2015-02-11 14:30:54
阅读次数：
324
SpaceBase 是一个基于 Sass 的响应式 CSS 框架。SpaceBase 是可以在建立和定制您的需要的一个样板层，它结合最佳实践为今天的响应式网页与我们对每一个项目中使用的核心组件。
分类：
Web程序 时间：
2015-02-10 14:40:14
阅读次数：
191
/** 很多知识，当你在学习的时候都会了，可是再过段时间就全忘了。好记性不如烂笔头。从长远来看，记录很重要。从学习速度来看，不记当然学得快，但忘得也快 **/sass的变量也是有作用域的，定义在规则块内的，只能在规则块内使用。凡是CSS标准值存在的地方，都可能使用sass变量。$border: bo...
分类：
其他好文 时间：
2015-02-08 01:33:35
阅读次数：
153
一、sass编译为css文件 编译的方法有很多 1.koala编译 请参考 http://www.w3cplus.com/blog/777.html http://koala-app.com/index-zh.html 安装好了之后打开界面 其他参数不需要设置直接使用默认设置即可，右边选择编译类型。...
分类：
其他好文 时间：
2015-02-07 17:12:50
阅读次数：
135
列表组
列表组是Bootstrap框架新增的一个组件，可以用来制作列表清单、垂直导航等效果，也可以配合其他的组件制作出更漂亮的组件。由于其在Bootstrap是一个独立的组件，所以也对应有自己独立源码：
? LESS版本：对应的源码文件 list-group.less
? Sass版本：对应的源码文件是 _list-group.scss
? 编...
分类：
其他好文 时间：
2015-02-04 00:41:57
阅读次数：
343
