Clik here to view.
使用CSS和DataURI来添加杂色滤镜效果
本文由罗罗磊磊根据James Brocklehurst的《CSS Noise》所译，整个译文带有我们自己的理解与思想，如果译得不好或不对之处还请同行朋友指点。如需转载此译文，需注明英文出处：http://www.mightymeta.co.uk/css-noise/，以及作者相关信息作者：James Brocklehurst译者：罗罗磊磊前几天在codewall上看到一篇“CSS...
View ArticleSass基础——Sass函数
在Sass中除了可以定义变量，具有@extend，%placeholders和Mixins等特性之外，还自备了一系列的函数功能。前面在《Sass基础——颜色函数》一文中主要向大家介绍了Sass函数中有关于颜色函数的功能以及使用。其实在Sass的函数功能中除了颜色函数之外，还具有字符串函数、数字函数、列表函数、Introspection函数以及三元函数等，当然大家还可以根据需求自定义函数。在这篇文章中...
View ArticleClik here to view.
Sass两个先进特性与局限性
本文由大漠根据KrasimirTsonev的《Two handy and advanced SASS features and their...
View ArticleClik here to view.
浏览器开发工具的秘密
源网站：Secrets of the Browser Developer Tools译者：涂鸦码农目录常规 找到开发工具用最新的开发版移动开发工具位置开发工具调试响应式设计学习快捷键 Console 控制台 Log, Info, Debug, Warn, Error输出数据表格Assert使用控制台定时器持久控制台重新运行命令任意 Tab 打开控制台改变框架焦点引用当前和前一个元素最终求值表达式检查...
View ArticleClik here to view.
Sass的新特性
Sass的新特性本文由大漠根据Hugo Giraudel的《Looking Into the Future of Sass》所译，整个译文带有我们自己的理解与思想，如果译得不好或不对之处还请同行朋友指点。如需转载此译文，需注明英文出处：http://davidwalsh.name/future-sass，以及作者相关信息——作者：Hugo...
View ArticleClik here to view.
IcoMoon+@font-face+Sass制作Icons
自从CSS3的@font-face属性的出现，使用@font-face制作ICON变得越来越流行，使用的频率也越来越高，在很多网站上都能见到他们的影子。随着IcoMoon的在线生成工具的出现，可以使用IcoMoon制作自己你自己的ICON。具体如何使用，就不在此处详细介绍了，有兴趣的同学可以点击这里。今天阅读了jaydenseric写的《FUN WITH SASS & FONT...
View Article理解Sass的list
Sass中的List是一个让人可爱又可恨的东西。主要是他的语法太宽松，你几乎可以做任何你想做的事情。如果要想更好的使用好Sass语言中的List功能，我们就必须的深入了解他。Hugo写了几篇教程，其深入的培析了Sass的List功能，以及其使用方法。Create Striped Backgrounds With Gradients (and a Sass Mixin)UNDERSTANDING...
View ArticleClik here to view.
开始编写CSS
本文由大漠根据Krasimir Tsonev的《Starting to Write CSS》所译，整个译文带有我们自己的理解与思想，如果译得不好或不对之处还请同行朋友指点。如需转载此译文，需注明英文出处：http://davidwalsh.name/starting-css，以及作者相关信息——作者：Krasimir...
View ArticleClik here to view.
OOCSS+Sass
Krasimir Tsonev在《Starting to Write CSS》(中文版本，请点击这里)让你领略了CSS其实也是有思想的，也很有意思的。虽然介绍的各种思想都很强大，但始终没有离开CSS的层面，而CSS却又是非常的脆弱。那么有没有办法，能否结合文中多个思想在一起。你思考过吗？如果你还没有思考并不要紧，今天我们一起跟随Takeshi...
View Article写CSS最好方法：OOCSS+Sass
本文由大漠根据IAN STORM TAYLOR的《OOCSS + Sass = The best way to CSS》所译，整个译文带有我们自己的理解与思想，如果译得不好或不对之处还请同行朋友指点。如需转载此译文，需注明英文出处：http://ianstormtaylor.com/oocss-plus-sass-is-the-best-way-to-css/，以及作者相关信息——作者：IAN...
View ArticleClik here to view.
float深入剖析
float是什么？float即为浮动，在CSS中的作用是使元素脱离正常的文档流并使其移动到其父元素的“最左边”或“最右边”。下面解释下这个定义中的几个名词的概念：文档流：在html中文档流即为元素从上至下排列的顺序。脱离文档流：元素从正常的排列顺序被抽离。最左边/最右边：上述的移动到父元素最左和最右是指元素往左或往右移动直到碰到另一个浮动元素或父元素内容区的边界（不包括padding）。...
View Articlejs获取随机颜色
function getRandomColor(){ return "#"+("00000"+((Math.random()*16777215+0.5)>>0).toString(16)).slice(-6); }说明： 1、16777215为16进制的颜色ffffff转成10进制的数字 2、>>数字取整 3、转成16进制不足6位的以0来补充3Vote up!js代码
View ArticleGrunt教程——Gurnt任务的配置
在《Grunt教程——初涉Grunt》和《Grunt教程——安装Grunt》中得知，Grunt项目中都是通过Gruntfile.js来配置任务。可以说，Gruntfile.js文件在任何一个Grunt项目中都是必不可少的，从这也可以看出这个文件的重要性。欲要搞清楚Grunt怎么工作，就必须要先了解Grunt是如何通过Gruntfile.js配置任务，帮助你实现你需要的功能。如果你还不知道Gruntf...
View ArticleClik here to view.
CSS3 Transform——transform-origin
在CSS2.1中，我们的页面都是静态的，网页设计师也习惯把它作为页面效果的设计工具。但往往有些页面效果不只是静态的，比如说，如何实际移动一些元素？如何更改元素的外观——旋转或缩放？多年来，Web设计师为了给修改页面的外观，都依赖于图片、Flash或JavaScript才能完成。不过，CSS3将要改变设计师这种思维，进入CSS3时代，借助CSS3就可以轻松倾斜、缩放、移动以及翻转元素。在2011年05...
View ArticleClik here to view.
Clik here to view.
CSS Overlay技巧
本文由大漠根据SARA SOUEIDAN的《CSS OVERLAY TECHNIQUES》所译，整个译文带有我们自己的理解与思想，如果译得不好或不对之处还请同行朋友指点。如需转载此译文，需注明英文出处：http://tympanus.net/codrops/2013/11/07/css-overlay-techniques，以及作者相关信息——作者：SARA...
View ArticleClik here to view.