1.compass框架 sass编译 1.compass create 项目名 2.cd目录,执行compass watch2.frozen框架 js(frozen.js),css(global.css) 引入3.sae.js模块框架写模块化的js,压缩js(构建工具-ka因为安装spm-buil....
分类:
Web程序 时间:
2015-05-18 18:32:10
阅读次数:
432
第一章 Sass和Compass让样式表重焕青春// 内容概要// 开始学习Sass和动态样式表// 用Sass更高效地写样式表// Compass简介// 用Compass迎接工程实践中的样式挑战1.2.1 通过变量来复用属性值1 声明变量:$blue:#1875e7;2 调用变量:.blue {...
分类:
其他好文 时间:
2015-05-18 18:12:59
阅读次数:
224
Materliu在慕课的视频: http://www.imooc.com/learn/364、http://www.imooc.com/wiki/371sass入门:http://www.w3cplus.com/sassguide/个人先看了 《Sass与Compass实战》(Materliu是中文...
分类:
其他好文 时间:
2015-05-11 00:02:16
阅读次数:
340
在项目中使用了sass,将scss编译成css的时候,每次都需要compass watchnetbeans产品带有file watcher功能三大类 1,less,scss,sass into css,2,TypeScript and CoffeeScript into Js,3,Compress ...
分类:
Web程序 时间:
2015-05-08 20:05:26
阅读次数:
190
cmd下:ruby-v成功安装使用sass1:移除http://rubygems.org源gemsources--removehttps://rubygems.org/2:添加taobao源gemsources-ahttps://ruby.taobao.org/3:查看前两步是否操作成功gemsources-l4:安装sassgeminstallsasssass-v5:gem升级gemupdate6:安装制定版本的sassgeminst..
学习响应式网站设计已经持续了一段时间,对sass,less,compass,grunt等等有了整体上的了解认识,但是由于产品的不可预知性,以及前端要求使用sass语言而且不适用bootstrap,所以很多现有的响应式框架如Bootstrap,Golden Grid system,less Frame...
分类:
其他好文 时间:
2015-05-04 19:45:18
阅读次数:
179
因为sass和compass依赖于ruby环境,所以装之前先确认装了ruby。可到官网下载最新版ruby安装包http://rubyinstaller.org/downloads/
在安装的时候,请勾选Add Ruby executables to your PATH这个选项,添加环境变量,不然以后使用编译软件的时候会提示找不到ruby环境:
Sass和compass安装:...
compass和sass文章列表:http://182.92.240.72/tag/compass/compass实战grunt:http://wrox.cn/article/2000491/http://ju.outofmemory.cn/entry/73492http://ju.outofmem...
分类:
其他好文 时间:
2015-04-17 17:36:38
阅读次数:
148
许久没更新博客啦,这两天研究了下 SASS 和 LESS ,最终选了 SASS,因为相对比较成熟些吧,试了很多坑之后,终于成功了,下面上步骤:
1. 安装 PHPStorm 的 SASS 插件
好像是自带了该插件的,如果没有的话,就打开 setting -> plugins 自己安装一个吧,就不多说了
2. 安装 Ruby
Windows 版本下载地址:
htt...
分类:
Web程序 时间:
2015-04-15 17:07:28
阅读次数:
190
一./*背景知识*/1.Sass是什么? Sass可以简化你的Css工作流,并可以使你的Css的扩展和维护工作变的更加容易!例如,曾几时何,因为客户的需求的变更,你必须不断的通过查找和替换来更改一个像素值,或者,为了能够确定多栏布局中某一栏的宽度,你需要使用计算像素值软件才能搞定。 Sass引入.....
分类:
其他好文 时间:
2015-04-15 13:11:17
阅读次数:
197