有趣的CSS PUNS(CSS双关语)

好有意思的东东,用CSS语法来描述一些事件或者场面,貌似只有对CSS非常热爱的一些极客才能想的到吧,哈哈!

一个叫做Saijo George的家伙,他貌似专门为 RedditDesignerNews 等这些前端或者UED专业网站供稿时,发现了有些人利用CSS代码可以写一些有趣的双关语,于是,他做了个网站用来收集这些代码,以下代码有些是纯CSS的,有些是Sass语法:

在Sass中实现三角函数计算

这是由一个瞎折腾的事件引发的,起因是这样的, 我想在web里画一个等边三角形,当然做法有好几种,canvas、svg、css…… 都可以,我在比较哪种方法更对我的路,当然是纯css代码搞定就很好,查了好多资料,其中最通常的就是用块对象的大粗边,这种做法已经不稀奇了,例如下面的例子:

Sublime中Emmet快捷键一览表

Emmet是啥,如果说出它的前身——Zen Coding,或许大家就有印象了。

Web 中文字体应用指南

在 Web 上应用字体是一项基本技术,同时也是一门艺术。对于英文字体来说可选择的范围实在是太广泛了,合理的使用它们将会为你的网站增色不少。关于英文字体的使用和搭配技巧,在这里不做赘述,只推荐一套非常好的视频: Fundamentals of Design by CodeSchool

发一篇不太厚道的博文

Sublime Text 3 (Build 3059)

iOS下的Web App图片配置

写在前面

以下代码真是有够搞的,还好iOS设备尺寸还不算多,网上查了一些资料,要么就是对retina的iPad不确定,要么就是没有对iPhone5的提及,还有对iPhone4、4S等retina设备的启动画面设定,官方只有一个尺寸,网上又流传其他设定方法,可能我查得还很不够,但是之前我的确已经糊涂了。

移动开发之META标记

viewport

代码大概是这样的:

<meta name="viewport" content="width=device-width, initial-scale=1">

Git 常见问题

如何 Create 和 Clone 一个新的 git repo

创建一个 remote git repo

触摸的瞬间 - touch事件的分解