作为一个CSS预处理器，Sass正受到越来越多的青睐，诸如Github、Codepen、CSS-Tricks、SitePoint、w3cplus等网站采用Sass组织、管理CSS文件，Sass正在逐渐成为事实上的CSS预处理器行业标准。接下来几篇文章，我们来研读下Sass中的关键功能，今天来看map ...
分类：
其他好文 时间：
2016-06-10 09:44:01
阅读次数：
162
1.软技能起码一种前端框架Bootstrap...起码一门后端语言phpnode.js...起码一种CSS预处理器Les或者Sass。学会使用SVN或Git来管理程序版本。做个自己的个人网站，用于前端圈技术交流，并好好运营。用熟一种程序员的编辑器，学会如何配置代码补全、外观、外部命令等，使用这些东西..
分类：
其他好文 时间：
2016-06-08 17:24:12
阅读次数：
196
概要：帮助你实现样式表的最佳性能 本章内容： ● 样式表拼接 ● 样式表和资源压缩 ● 减少和并行图片请求的策略 ● 选择器性能和优化策略 1. 测量客户端性能 性能优化的起点和终点都是测量。在第一次改变性能位置之前，你需要知道自己究竟在什么位置。 下面是一些工具： ● YSlow：http://d ...
分类：
其他好文 时间：
2016-06-06 21:56:12
阅读次数：
159
概要：将介绍Compass如何让你从本地开发原型轻松转移到生产环境的网址或Web应用中。 本章内容： ● 生成资源URL的最佳实践 ● 撰写无需Web服务器的样式表 ● 在浏览器中进行设计的技巧 ● 如何为产品编译并构造样式表 1. 绝对URL 1.1 生成URL资源 CSS提供了url函数用来解码 ...
分类：
其他好文 时间：
2016-06-06 21:52:57
阅读次数：
288
概要：介绍Compass如何让你从本地开发原型轻松转移到正产环境的网址或Web应用中。 本章内容： ● CSS精灵的历史和基本原则 ● Compass混合器让精灵自动化 ● 自定义精灵图片和CSS输出的高阶技巧 1.精灵的工作原理 在早期，CSS精灵是很简单的。设计师们会把按钮的不同状态做成图片，并 ...
分类：
其他好文 时间：
2016-06-06 21:51:56
阅读次数：
245
我的代码中不太跑的通这些代码 所以我整理出来了 一键安装。 npm i process-nextick-args core-util-is util-deprecate brace-expansion inflight lru-cache sigmund ionic-gulp-sass-build ...
分类：
其他好文 时间：
2016-06-06 00:44:11
阅读次数：
241
1、 sass对语法缩进很敏感，用缩进代替{}，用换行代替;，scss是css3的超集，语法和css相似。如果是使用Python或者Ruby,选择空格敏感的原封缩进式语法会比较合适。 2、 变量名以$开头，可以包括-和_ 3、 混合器能够在手写的样式表中有效地避免重复。但是，因为规则都混入到其他类 ...
分类：
其他好文 时间：
2016-06-05 21:17:15
阅读次数：
207
概要：第5章展示了Compass如何使你免去编写跨浏览器的CSS3的痛苦。 本章内容： ● 用Compass的CSS3模块创建跨浏览器的CSS3样式表 ● 在低版本IE中支持一些CSS3的特性 ● Compass里的CSS3高阶技能 1.什么是CSS3 CSS3，或称第三代层叠样式表，是基于CSS2 ...
分类：
其他好文 时间：
2016-06-03 21:16:04
阅读次数：
145
前端项目需要的功能： 1、图片（压缩图片支持jpg、png、gif） 2、样式 （支持sass 同时支持合并、压缩、重命名） 3、javascript （检查、合并、压缩、重命名） 4、html （压缩） 5、客户端同步刷新显示修改 6、构建项目前清除发布环境下的文件（保持发布环境的清洁） 通过gu ...
分类：
其他好文 时间：
2016-06-03 18:59:23
阅读次数：
165
Sass 是 CSS 的扩展，增加了嵌套规则，变量，混入功能等很多更多。它简化了组织和维护 CSS 代码的成本。Compass 是一个开源的 CSS 框架，使得使用 CSS3 和流行的设计模式比以往任何时候都更容易。在这篇文章中，我们已经收集了一组有用的 Sass 和 Compass 工具，将帮助您... ...
分类：
其他好文 时间：
2016-06-02 23:16:26
阅读次数：
276
