由于最近没什么时间好好写博文,我把用sass做雪碧图的关键点贴出来方便自己记忆:config.rb注释# Set this to the root of your project when deployed:#配置服务器路径http_path = "http//:www.baidu.com/"#配置...
分类:
其他好文 时间:
2015-04-13 00:21:00
阅读次数:
165
CSS不是一种编程语言,它只是个配置文件,并没有生命。但我等大程序怎么能容忍自己写出来的东西不能动态变化,不能封装继承,不能xxoo呢,于是就有了css预处理的概念。这篇文章主要介绍scss的基本用法.........
分类:
Web程序 时间:
2015-04-09 19:48:55
阅读次数:
215
/*在线视频课程*/http://www.imooc.com/course/list在线压缩图片https://tinypng.com/MDN 前端学习https://developer.mozilla.org/zh-CN/各种前端技术api(html css http sass dom javas...
分类:
其他好文 时间:
2015-04-09 15:27:22
阅读次数:
263
Hint.css是一款功能强大的Tooltip工具提示插件库。hint.css使用SASS来编写,不依赖于JavaScript。该tooltip插件使用data-*属性、伪元素、内容属性和CSS3过渡效果来制作tooltip。
hint.css可以工作在所有的最新版现代浏览器上,CSS的过渡效果可以在IE10+, Chrome 26+ 和 FF4+浏览器上工作。
效果演示:http:/...
分类:
Web程序 时间:
2015-04-08 15:08:59
阅读次数:
168
css本身很有趣,但是随着样式表变大,会越来越复杂,更加难以管理。css预处理器在这里就能帮上忙了。SASS 让你使用在css中不存在的特性,譬如变量、嵌套、mixins(混入),继承和一些其他好的特性,这些新特性会让你写css会更有趣。了解变量想想如果使用一个变量存储信息然后在样式表中反复重用该....
分类:
其他好文 时间:
2015-04-08 12:58:57
阅读次数:
132
SASS用法介绍
SASS是一种CSS预处理器提供了许多便利的写法,大大节省了设计者的时间,使得CSS的开发,变得简单和可维护。
安装SASSSASS需要ruby支持,还需要gem,gem是ruby的包管理工具,ruby 1.9.1是自带gem的,如果是用1.8版本的话,需要另外安装。如果是windows的话,需要安装rubygems。
SASS一般会和Compass一起使用,这个也可以用ge...
分类:
其他好文 时间:
2015-04-08 01:09:08
阅读次数:
301
后缀:sass有两种后缀文件:一种后缀名为sass,不使用大括号和分号;另一种就是我们这里使用的scss文件,这种和我们平时写的css文件格式差不多,使用大括号和分号。下面举出 后缀为sass文件写法:bodybackground:#eeefont-size:12px导入sass的导入(@impor...
分类:
其他好文 时间:
2015-04-06 21:34:53
阅读次数:
241
CORS http://caniuse.com/#search=corsFoundation http://foundation.zurb.com/docs/sass.htmlD3 http://d3js.org/Generator https://github.com/yeoman/generat...
分类:
其他好文 时间:
2015-04-03 14:50:15
阅读次数:
108
Bootstrap作为一个非常流行的前端css框架,得到了非常多的应用。一般的使用方法都是直接download bootstrap.css,作为css文件引入到html的markup中,随后直接引用其定义的class,这样的使用模式有个问题:考虑下面的场景,你需要设计一个login form,在.....
分类:
其他好文 时间:
2015-04-02 01:02:17
阅读次数:
194
掺合模式(Mixin) Mixin是JavaScript中用的最普遍的模式,几乎所有流行类库都会有Mixin的实现。 Mixin是掺合,混合,糅合的意思,即可以就任意一个对象的全部或部分属性拷贝到另一个对象上。 从提供的接口来看,...
分类:
其他好文 时间:
2015-03-29 18:13:15
阅读次数:
139