标签

温故而知新,不亦乐乎!
CSS3

外刊君谈中国第三届CSS大会


用 CSS 实现 Netflix Logo 动画


Twitter "like" 动画实战

不知道你有没有留意到,Twitter 已经不再使用星星动画做“收藏”的效果,现在用的是爱心版的“赞”。不管大家对此有何评价,今天我们要来模拟的就是这个效果了。


开启你的动画


Flexbox 设计指南4:排序

flexbox 强悍之处千千万,有一点不得不提及:你只需要一行 CSS,就可以调换页面内容的顺序,这个效果从前只能借助 JavaScript 完成呢。这个特性在响应式设计中有多大的便利,相信聪明的你马上就能想象到了。


Flexbox设计指南3: 视觉重量

CSS flexbox 标准中最费解的一点就是 flex 属性,常常我们会看到诸如 1 1 auto 这样含义模糊的属性值。当发现 flex 其实只是另外一些都不知道是用来干嘛的属性(比如 flex-grow, flex-basis)的简写时,设计师们就更加摸不着头脑了。


Flexbox 设计指南2:垂直布局

一如之前说过的,flexbox 是一个很强大的 CSS 布局模块。它的优点之一就是,如果你想要将水平布局的 flexbox 改为垂直布局,一行 CSS 代码就能搞定,而且盒子中的元素排列顺序也能用 CSS 来更改。


Flexbox 设计指南

Flexbox 是一个强大的新生 CSS 布局模块,完全脱离于传统的 web 开发实践。网上有很多相关的文章,大都关注于规范的细节,导致文章冗长,难懂,甚至有些晦涩。相反,对于设计师和开发者如何使用 flexbox 解决布局问题的讨论相当少:至此,这篇文章出现了。


中文排版的最佳实践——使得长篇文章更易读的十条法则

使得长篇文章更易读的十条法则


基于单个 Div 的 CSS 绘图


ReactiveX

Hello RxJS