有趣的CSS PUNS(CSS双关语)
好有意思的东东,用CSS语法来描述一些事件或者场面,貌似只有对CSS非常热爱的一些极客才能想的到吧,哈哈!
一个叫做Saijo George的家伙,他貌似专门为 Reddit 和 DesignerNews 等这些前端或者UED专业网站供稿时,发现了有些人利用CSS代码可以写一些有趣的双关语,于是,他做了个网站用来收集这些代码,以下代码有些是纯CSS的,有些是Sass语法:
在Sass中实现三角函数计算
这是由一个瞎折腾的事件引发的,起因是这样的, 我想在web里画一个等边三角形,当然做法有好几种,canvas、svg、css…… 都可以,我在比较哪种方法更对我的路,当然是纯css代码搞定就很好,查了好多资料,其中最通常的就是用块对象的大粗边,这种做法已经不稀奇了,例如下面的例子:
Web 中文字体应用指南
在 Web 上应用字体是一项基本技术,同时也是一门艺术。对于英文字体来说可选择的范围实在是太广泛了,合理的使用它们将会为你的网站增色不少。关于英文字体的使用和搭配技巧,在这里不做赘述,只推荐一套非常好的视频: Fundamentals of Design by CodeSchool
iOS下的Web App图片配置
写在前面
以下代码真是有够搞的,还好iOS设备尺寸还不算多,网上查了一些资料,要么就是对retina的iPad不确定,要么就是没有对iPhone5的提及,还有对iPhone4、4S等retina设备的启动画面设定,官方只有一个尺寸,网上又流传其他设定方法,可能我查得还很不够,但是之前我的确已经糊涂了。
Older