引入Utilities: @import "compass/utilities"; 分别引入: @import "compass/utilities/color"; Color:颜色相关的工具集合1.Color Brightness用来计算一个值的亮度 @debug brightness(#000); @debug brightness(#ccc); @debug brightness(#fff); 在命令行会输出颜色的亮度.2.Color Contrastcont…

css雪碧图又叫css精灵或css sprite,是一种背景图片的拼合技术.使用css雪碧图,能够减少页面的请求数.降低图片占用的字节,以此来达到提升页面访问速度的目的.但是它也有令人诟病的地方,就是拼图和后期维护的成本比较大.也正是因为这一点,导致很多开发者懒于使用css雪碧图. 配置compass项目 $ compass init 会生成相应的目录和配置文件.在images目录下建立logo目录存放需合并的图标.项目目录结构如下: - sass |-- icons.scss |-- scre…

CSS Sprites的原理(图片整合技术)(CSS精灵)/雪碧图   一.将导航背景图片,按钮背景图片等有规则的合并成一张背景图,即将多张图片合为一张整图,然后用background-position"来实现背景图片的定位技术. 二.图片整合的优势: 1)通过图片整合来减少对服务器的请求次数,从而提高 页面的加载速度. 2)通过整合图片来减小图片的体积.   2.CSS Sprites的实现方法 3.图片整合原则 1)边切图边整合. 2)定位时避免使用bottom,right等,用具体的数值,…

什么是css sprite? css sprite,中文叫雪碧图,也有人喊CSS精灵,就是一种背景拼合的技术,然后通过background-position来显示雪碧图中需要显示的图像. MDN相关链接:https://developer.mozilla.org/zh-CN/docs/Web/Guide/CSS/CSS_Image_Sprites 优点:1.减少页面请求数 2.降低图片占用字节 缺点:1.拼图麻烦 2.后期维护麻烦 为什么使用compass? 最近项目中需要使用到很多小图片,想用…

虽然目前网上具有切割合图功能的工具不少,但大部分都是自动切割或者根据plist之类的合图文件切割的, 这种切割往往不可自己微调或者很难维调,导致效果不理想. 今天逛贴吧发现了一位网友写的切割合图插件很不错,就分享下, 利用的是Unity自带的合图切割功能,原生的切割功能虽然很方便而且很容易微调,但无法导出,这个网友将它们导出了, 来自:百度Unity3D贴吧的13471713164 链接:http://tieba.baidu.com/p/3217039693 using UnityEngine;…

studio里使用合图感觉和spriteBatchNode差不多,但有不同,合图只起到在加载资源时减少IO的作用,起不到批渲染的作用.其实想想,studio本来就是用来拼UI界面的,一个上点规模的UI界面里都有N个层.layout.各种widget,树状关系,不在一个层里,是没办法批渲染的. 1.把资源图片加到studio里,新建一个合图文件,然后把需要合并的小图拖到合图文件里.在studio项目里,被拖到合图文件里的小图的左上角会有个黄点. 2.合图文件的属性设置里,间隙设置大于0,避免有时候…

Color Stops:在使用CSS3渐变属性生成图片的时候,有时候为了打造更丰富的渐变效果除了声明渐变线上的起始点和终止点的色值,还有声明一些中间点的色值,这些点我们就称之为Color Stops.一个色值加上当前点的位置.当我们省略点位置表示的时候Color Stops helper function 会自动帮我们计算输出这个点的位置.Colors:用来亮化调整一个色值(用到的极少极少)Constants:Cross Browser:如果我们要为compass贡献跨浏览器的CSS新特性插件D…

发现个好东西思维导图, 最近开始用MindManager整理博客 . 作者 :万境绝尘  转载请注明出处 : http://blog.csdn.net/shulianghan/article/details/18964835 . 一. 静态图概述 1. 静态图引入 (1) 图的分类 图的分类 : 图分为结构行为图 和动态行为图,结构行为图包括 用例图, 类图,对象图,组件图,配置图; 动态行为图 包括状态图,活动图,时序图,协作图; (2) 静态图内容 静态图概念 :类图,对象图,包图 是静态图…

折线图与面积图 ① 单线图.多线图② 面积图.堆叠面积图 1. 折线图--单线图 import numpy as np import pandas as pd import matplotlib.pyplot as plt % matplotlib inline import warnings warnings.filterwarnings('ignore') # 不发出警告 from bokeh.io import output_notebook output_notebook() # 导入n…

发现个好东西思维导图, 最近开始用MindManager整理博客 . 作者 :万境绝尘  转载请注明出处 : http://blog.csdn.net/shulianghan/article/details/18964835 . 一. 静态图概述 1. 静态图引入 (1) 图的分类 图的分类 : 图分为结构行为图 和动态行为图,结构行为图包括 用例图, 类图,对象图,组件图,配置图; 动态行为图 包括状态图,活动图,时序图,协作图; (2) 静态图内容 静态图概念 :类图,对象图,包图 是静态图…