【视频】利用 sass/compass 进行合图等图片操作
In 未分类 on 2013年10月02日 by view: 11,872
8

       相信大部分同学都或多或少的对 sass 和 compass 有所了解， 但为了扫盲， 我们还是多少介绍一下背景。

       Sass 的官方网站：http://sass-lang.com

       按照 sass 的官方介绍： sass 是基于 css 的一种元语言类型， 作用是为了让 css 文档结构化， 整洁，其提供了很多 css 之外的能力。

       Compass 的官方网站：http://compass-style.org

       一言以蔽之：compass 是基于 sass 的 css 处理框架。

       Sass 和 compass 的安装都极其简单 ：

  1. 首先安装 sass 和 compass 运行所需的 ruby 环境， 推荐大家一键式安装：http://rubyinstaller.org/downloads/ (windows)
  2. 执行 gem command， 安装 sass 和 compass 。

 

       安装好了以后我们直接进入实战。

       Compass 呢， 本身有着非常多的命令， 我们只简单说一下我们用到的几个

       创建项目

       编译

       监听

       请看视频。。。。。。。

       上传到腾讯视频 http://v.qq.com/boke/page/z/i/o/z01187wfcio.html 的不是很清晰，

       大家可以自行下载高清版观看，分发：

       下载地址：

　   微云网盘：http://url.cn/L3UxBM

       金山快盘：http://www.kuaipan.cn/file/id_48820047145120357.htm?source=1

       下载好以后，直接双击 sass_compass_sprites.html 进行观看。

原创文章转载请注明：

转载自AlloyTeam：http://www.alloyteam.com/2013/10/use-sass-compass-etc-bond-graph/

如果你觉得我们Alloyteam团队的博客和开源项目给你带来价值，可以通过捐赏支持我们
有你的支持，我们会做得更好！
分享到:0

  1. jimmy 2014 年 8 月 20 日

    您好，视频里的下载地址的两个地址都失效了，可否再给个相关地址，谢谢~

    回复
  2. TAT.bizai

    TAT.bizai 2013 年 11 月 18 日

    看了视频，觉得我好像又回到当年大一的时候…..

    回复

  3. 找你妹 2013 年 11 月 7 日

    compass 编译过不了 GIF. 老是提示找不到文件
    @import “index-IE/*.gif”;
    png 同级的都可以编译, 而 GIF 过不了. 不知小编同学有没有遇过这样的情况

    回复
  4. TAT.dmyang

    TAT.dmyang 2013 年 10 月 18 日

    顶！马特声音真好听，哈哈

    回复

  5. Leo 2013 年 10 月 17 日

    视频的方式更加简单直接。
    另外，请问你们是用的录屏软件是什么？

    回复

  6. 冷月无声 2013 年 10 月 11 日

    有莫有搞错啊，看到最后是叫我去看视频？

    回复

    • materliu 2013 年 10 月 11 日

      是觉得视频更通俗易懂， 所以我们才尝试了这种新的方式， 还希望多多指教。

      回复

发表评论到 找你妹

点击这里取消回复。