最后个人感觉 Compass是 css世界的.NET

很久以前看到 Compass 误以为是css编译器,因为总是在看到如何安装Scss的文章里面看到的

知道最近不小心进入 Compass官网溜达,才发现

The CSS3 module provides cross-browser mixins for CSS properties introduced in CSS3, for example border-radius and text-shadow.

What rendering engines you support for the experimental css properties is governed by the configurable variables defined in the browser support module.

This file can be imported using: @import "compass/css3"

应为虽然不是很懂,但是module provides 基本就明白了Compass最起码是一个css类库,跨浏览器的类库,好比jq屏蔽了dom在不同浏览器下的差异,.NET屏蔽了不懂win操作系统api的差异,对外提供了大量可用的一致的api,心想我要是早几年进官网,我的css会不会更好点

看了官网和一些资料,对Compass的了解和印象如下

Compass is an open-source CSS Authoring Framework.    ------------------Compass 是一个开源的CSS制作框架。

优点: 拥有大量写css的最佳实践,写css变的更加轻松

另外:Compass的确是Sass的编译器

Compass 包含的主要模块,Buttons 、Colors 、Debug 、Fancy Type 、Form 、Grid 、Interaction、 Internet Explorer 、Link Icons 、Liquid
、Print 、Reset 、Rtl 、Scaffolding 、Typography 、Utilities

看这名字是不是和vs左侧工具栏很像,其中有些生僻字谷歌看看,结果悲剧了

令人遗憾的是 这个名字起得 例如 谷歌搜索Compass 模块,不知道是我搜索的不对还是什么问题

比较好奇的是这几个模块

Blueprint Fancy Type:Fancy Typography for your website.     为站点提供基础的文字样式

Blueprint Debug:Styles for debugging your grid alignments   css 竟然可以调试了!

Blueprint Interaction:Some classes that are used in common website interactions.  提供通用的css

Blueprint Liquid:Import this to have a liquid grid. 引入自适应特性

Blueprint Scaffolding:Training wheels... So that your site doesn't look too bad when you're starting out.

Blueprint Typography:A base typography for your website that follows a typographic rhythm. 排版相关

Blueprint Utilities:Some utility classes. 工具类

Compass 的核心由 CSS3、辅助类、布局类、排版类、工具类 组成

                                 css3 、Helpers、 Layout Layout 、Typography、 Utilities

有人也许会问 Compass 看起来比较复杂的感觉,干嘛绑上Compass的战车呢?

这就像有了.NET你也用win32api做网站,写桌面程序?

Compass的误解与新发现的更多相关文章

  1. PHPStorm 安装 SASS、SCSS + Compass

    许久没更新博客啦,这两天研究了下 SASS 和 LESS ,最终选了 SASS,因为相对比较成熟些吧,试了很多坑之后,终于成功了,下面上步骤: 1. 安装 PHPStorm 的 SASS 插件 好像是 ...

  2. 【原】谈谈对Objective-C中代理模式的误解

    [原]谈谈对Objective-C中代理模式的误解 本文转载请注明出处 —— polobymulberry-博客园 1. 前言 这篇文章主要是对代理模式和委托模式进行了对比,个人认为Objective ...

  3. Sass之坑Compass编译报错

    前段时间在使用Compass时遇到了其为难处理的一个坑,现记录到博客希望能帮助到各位. 一.问题: 利用Koala或者是gulp编译提示如下,截图为koala编译提示错误: 二.解决办法 从问题截图上 ...

  4. .NET开源进行时:消除误解、努力前行(本文首发于《程序员》2015第10A期的原始版本)

    2014年11月12日,ASP.NET之父.微软云计算与企业级产品工程部执行副总裁Scott Guthrie,在Connect全球开发者在线会议上宣布,微软将开源全部.NET核心运行时,并将.NET ...

  5. 被误解的MVC和被神化的MVVM(转)

    转载自:http://www.infoq.com/cn/articles/rethinking-mvc-mvvm 原文作者:唐巧 被误解的 MVC MVC 的历史 MVC,全称是 Model View ...

  6. compass reset和layout [Sass和compass学习笔记]

    reset 可以重置浏览器的的html的默认样式,因为各个浏览器对有些元素解析差别很大 通过重置样式可以让样式的浏览器兼容 更简单 使用方法简单 @import "compass/reset ...

  7. Atitit. 构造ast 语法树的总结attilax oao 1. Ast结构树形12. ast view (自是个160k的jar )22.1. 多条语句ast结构22.2. 变量定义 int b,c; 的ast结构22.3. 方法调用meth1(a=1,b=2,c=3);  的ast结构23. 误解的问题33.1. 语法书子能是个二叉树,实际上多叉树越好..33.2. 非要不个ast放到个s

    Atitit. 构造ast 语法树的总结attilax oao 1. Ast结构树形1 2. ast view (自是个160k的jar )2 2.1. 多条语句ast结构2 2.2. 变量定义 in ...

  8. 分享15款很实用的 Sass 和 Compass 工具

    Sass 是 CSS 的扩展,增加了嵌套规则,变量,混入功能等很多更多.它简化了组织和维护 CSS 代码的成本.Compass 是一个开源的 CSS 框架,使得使用 CSS3 和流行的设计模式比以往任 ...

  9. SASS+COMPASS 自适应 学习笔记

    来源 http://snugug.github.io/RWD-with-Sass-Compass/#/ 1 安装 COMPASS 扩展 安装 方式 gem 'extension', '~>X.Y ...

随机推荐

  1. JVM垃圾回收算法

  2. OpenGL Common Mistakes

    https://www.opengl.org/wiki/Common_Mistakes Do not use constructors/destructors to initialize/destro ...

  3. WebApplicationInitializer (spring 3.x.x以上版本)

    实现WebApplicationinitializer接口的类都可以在web应用程序启动时被加载. 那么来想一个问题:为什么实现了WebApplicationInitializer这个接口后,onSt ...

  4. 【Unity3D】利用Shader以及更改Mesh实现2D游戏的动态阴影效果

    最近看到一个非常有趣的益智小游戏,是一个盗贼进入房子偷东西的, 其实这种游戏市面上已经很多了,吸引我的是那个类似手电筒的效果, 主角走到哪里,光就到哪里,被挡住的地方还有阴影.有点类似策略游戏里的战争 ...

  5. ASP.NET Session 详解

    阅读本文章之前的准备 阅读本文章前,需要读者对以下知识有所了解.否则,阅读过程中会在相应的内容上遇到不同程度的问题. 懂得ASP/ASP.NET编程 了解ASP/ASP.NET的Session模型 了 ...

  6. tyvj1195 最后的晚餐

    背景 话说zhangbh001给盖子编的Windows 2012超时了(- -!),所以他不得不在自己家门口亲眼见证这个电影般的场景.虽然他不想错过这个美妙的时刻,但是他的肚子一再抗议,要求先吃完这最 ...

  7. nginx:413 Request Entity Too Large 及 修改 PHP上传文件大小配置

    开发环境:CentOS + Nginx + PHP + MySql + phpMyAdmin 在用 phpMyAdmin 进行 sql 数据库导入的时候,经常需要上传比较大的 sql 数据文件,而这时 ...

  8. mongDB-- 3. 查询操作

    1. 准备工作 (1)启动mongo 进入mongo安装目录的bin/ 目录 , ./mongod (2)启动mongo客户端 ./mongo (3) 查看所有库 show dbs; (4) 切换到l ...

  9. Android多线程通信机制

    掌握Android的多线程通信机制,我们首先应该掌握Android中进程与线程是什么. 1. 进程 在Android中,一个应用程序就是一个独立的进程(应用运行在一个独立的环境中,可以避免其他应用程序 ...

  10. 实现统一用户体验的BaseActivity

    对一个规模较大的App开发团队来说,保持统一的代码规范是个好的事情,同时,保持统一的用户体验规范也是个好的事情. 当用户进入一个页面时,一般会有以下交互场景:场景1, 初始化loading,页面从se ...