Sass 与 SCSS 是什么关系？

我最近写了很多 Sass 代码，但是最近发现并不是每一个人都知道 Sass 具体是什么。下面是一个简短的说明：当我们说起 Sass ，我们经常指的是两种事物：一种 css 预处理器和一种语言。我们经常这样说，“我们正在使用 Sass”，或者 “这是一个 Sass mixin”。同时，Sass （预处理器）有两种不同的语法：Sass,一种缩进语法SCSS,一种 CSS-lik

业界 2016年07月06日

critical css：拆分 css，提高页面加载速度

critical 相关地址： 该库的 github 地址：https://github.com/addyosmani/critical 为什么会有该库的英文原文：https://css-tricks.com/authoring-critical-fold-css/ 为什么会有该库的中文翻译：https://xinranliu.me/2014-07-29-%E6%8B%86%

业界 2016年07月06日

CSS3 线性渐变应用

CSS3 Gradient 分为 linear-gradient（线性渐变）和 radial-gradient（径向渐变）。而我们今天主要是通过一个小例子来针对线性渐变来剖析其具体的用法。今天的例子就是用CSS3 的线性渐变制作一个大致的针孔注射器。首先来看一下最终效果，例子比较简单，主要应用到的就是CSS3里的 linear-gradient。http://jsbin.c

业界 2016年07月06日

CSS实现3D切换效果

先上效果图和代码吧鼠标悬浮上去，蓝色的front面开始旋转蓝色的front面转过90°时，黄色的back面会显现出来， div# outer{ width: 200px; height: 200px; position: relative; perspective: 300px; margin:10

业界 2016年07月05日

用CSS3做各种样式的饼图

通过css3的旋转属性来实现饼图的效果。封装了一个饼图类，通过实例化来生成各种样式的饼图。以前一直用highcharts做饼图的效果，但有时候，一些比较简单的饼图用highcharts的话有点杀鸡用牛刀的感觉。所以自己研究了一下如何用css3来达到这个效果。并封装了一下，支持多种样式，写了一个 pie.js 。原理是这样的，父容器是一个div，背景颜色是左边一半灰色，右边一

业界 2016年07月05日

如何利用css3设置独特背景

本文将介绍如何将多样化的css3属性设置一幅属于你自己的独一无二的背景图片      利用css进行背景图片设置时，发现可提供的属性也就那么几个，而大量的css3属性又不能直接使用在背景图片上，其中主要就是filter滤镜中强大的对图片的装饰方法，所以今天就和大家分享如何对背景图片进行独一无二的装点阶段一: 单纯使用css3修饰图片html:css:*{ margin

业界 2016年07月05日

AngularJS自定义表单验证

Angular实现了大部分常用的HTML5的表单控件的类型(text, number, url, email, date, radio, checkbox)，也实现了很多指令做为验证(required, pattern, minlength, maxlength, min, max)。在自定义的指令中，我们可以添加我们的验证方法到ngModelController的$val

业界 2016年07月05日

[译] Houdini：也许是你未曾听过的最振奋人心的 CSS 进化

原文链接：Houdini: Maybe The Most Exciting Development In CSS You’ve Never Heard Of更多译文将陆续推出，欢迎点赞+收藏+关注我的专栏，未完待续……你是否曾经想要使用一些特别的CSS特性，却因为未曾得到所有浏览器的支持而选择放弃？又或者是，这些特性得到了所有浏览器的支持，但总会伴随着奇怪的bug，表现不一

业界 2016年07月05日

浏览器渲染的那些事（三）

终于到了布局的部分了！布局当渲染对象被创建并添加到树中，是没有位置和大小的，计算这些值的过程称为layout或reflow。布局是一个递归过程，由根渲染对象开始，对应html文档元素，布局继续递归的通过一些或所有的frame层级，为每个需要几何信息的渲染对象进行计算。跟渲染对象位置是0，0。所有渲染对象都有一个layout或reflow方法，每个渲染对象调用需要布局的chi

业界 2016年07月05日

浏览器渲染的那些事（三）

终于到了布局的部分了！布局当渲染对象被创建并添加到树中，是没有位置和大小的，计算这些值的过程称为layout或reflow。布局是一个递归过程，由根渲染对象开始，对应html文档元素，布局继续递归的通过一些或所有的frame层级，为每个需要几何信息的渲染对象进行计算。跟渲染对象位置是0，0。所有渲染对象都有一个layout或reflow方法，每个渲染对象调用需要布局的chi

业界 2016年07月05日