Clik here to view.
CSS秘密花园： 通过模糊来De-emphasize（去强调）
《CSS Secrets》是@Lea Verou最新著作，这本书讲解了有关于CSS中一些小秘密。是一本CSSer值得一读的一本书，经过一段时间的阅读，我、@南北和@彦子一起将在W3cplus发布一系列相关的读后感，与大家一起分享。在上一节的“通过调节亮度去强调”中，我们看到了通过调节亮度来让Web...
View ArticleClik here to view.
Clik here to view.
Clik here to view.
【转载】使用Gulp构建网站小白教程
特别声明：本文转载来自于@十年踪迹的《使用Gulp构建网站小白教程》一文，如需转载，烦请注明原文出处：http://blog.h5jun.com/post/gulp-build.html行业里有一种批评，说前端太浮躁，总是追逐新技术，感觉 grunt还不熟悉，突然一夜之间满大街都在谈论...
View Article【转载】随机问题之--洗牌算法
特别声明：本文转载来源于@JK的《随机问题之--洗牌算法》一文，如需转载，烦请注明出处：http://www.cnblogs.com/jkisjk/archive/2012/04/23/javascript_shuffle.html洗牌算法是我们常见的随机问题，在玩游戏、随机排序时经常会碰到。它可以抽象成这样：得到一个M以内的所有自然数的随机顺序数组。在百度搜“洗牌算法”，第一个结果是《百度文库-洗...
View Article【转载】CSS Modules 详解及 React 中实践
特别声明：本文转载来自于@Cam Song《CSS Modules 详解及 React 中实践》一文，如需转载，烦请注明原文出处：https://github.com/camsong/blog/issues/5CSS 是前端领域中进化最慢的一块。由于 ES2015/2016 的快速普及和 Babel/Webpack 等工具的迅猛发展，CSS...
View ArticleClik here to view.
JavaScript学习笔记：变量
在很多语言当中都有变量，而这也是基础知识。在JavaScript中也有变量，而最近也在学习有关于这方面的知识。今天就来总结一下JavaScript中有关于变量的一些基础知识。变量命名规则在JavaScript中可以用变量来为值命名。变量的名称称为identifiers,需要遵守一定的规则。JavaScript中的变量名(也可称作是一个标识符identifier)，其命名有一定的规则：必须以字母、下划...
View ArticleClik here to view.
CSS秘密花园： 垂直居中
《CSS Secrets》是@Lea Verou最新著作，这本书讲解了有关于CSS中一些小秘密。是一本CSSer值得一读的一本书，经过一段时间的阅读，我、@南北和@彦子一起将在W3cplus发布一系列相关的读后感，与大家一起分享。问题44年前我们把人送上月球，但在CSS中我们仍然不能很好实现垂直居中——@James...
View ArticleClik here to view.
CSS秘密花园： Sticky footers
《CSS Secrets》是@Lea Verou最新著作，这本书讲解了有关于CSS中一些小秘密。是一本CSSer值得一读的一本书，经过一段时间的阅读，我、@南北和@彦子一起将在W3cplus发布一系列相关的读后感，与大家一起分享。问题在网页设计中，Sticky...
View ArticleClik here to view.
Clik here to view.
Clik here to view.
Clik here to view.
Clik here to view.
Clik here to view.
CSS秘密花园： 沿着路径的动画
《CSS Secrets》是@Lea Verou最新著作，这本书讲解了有关于CSS中一些小秘密。是一本CSSer值得一读的一本书，经过一段时间的阅读，我、@南北和@彦子一起将在W3cplus发布一系列相关的读后感，与大家一起分享。问题几年前，当CSS动画刚出来的时候是多么的令人兴奋，那时Chris...
View ArticleClik here to view.
取二维数组中最大值的几种方法
在JavaScript中可以通过内置的Math.max()的最大值，但是要从多重数组中取出最大值，还是有一定的难度。问题描述假设你有一个数组，而且这个数组中包含了数字的子数组，而我们要做的是从数组中的每个子数组中返回其最大的那个最大数。基本解决方案function largestOfFour(arr) { var results = []; // 创建一个results变量来存储 //...
View ArticleClik here to view.
figure 和 figcaption 元素的正确使用方式
figure和figcaption是两个经常在一起使用的语义化元素。如果你还没有在规范中了解过他们，没有机会在项目中使用过他们，或者说现在对他们还是一无所知，这里就给大家讲一些如何正确使用他们的小技巧。figure元素经常用于图片,如下所示:<figure> <img src="dog.jpg" alt="Maltese Terrier"> </figure>...
View ArticleClik here to view.
现代网页设计必不可少的CSS3功能
在过去几年，CSS 的发展是很多 Web 设计者和开发人员未能想到的。CSS3 引入了新的功能，如 border-radius, box-shadow, text-shadow, text-overflow, multiple-background, transition, flexbox、animation以及媒体查询等。然而，CSS...
View ArticleClik here to view.
JavaScript中的随机数
在JavaScript中随机性经常都会使用到，但随机性也有许多种不同的类型，以及需要根据不同的应用程序选择不同的随机性。基础的随机数JavaScript中有一个内置的Math.random()函数，可以帮你得到任意的随机数，比如：Math.random(); // =>0.19401081069372594...
View ArticleClik here to view.
HTML5语义化
语义HTML没有给我们提供大量的标签去使用。其可选择的数量就像是街边的小商店而不是沃尔玛。我们有段落，列表和标题，但是我们不具有事件，新闻故事，或者说是配方。HTML提供给我们一个元素用于字符串的缩写标记，但是没有提供我们一个元素用于数字的价格标记。显然，从各种各样惊人的网站就可以看出，这一限制并没有得到很好的解决。虽然HTML并没有提供我们一个明确的元素用于内容价格的标记，但是他现在也已经变得十分...
View Article