simple demo of -webkit-overflow-scrolling

昨天看 iOS 5 beta 7 的 release log 看到 iOS 的 webkit 支持  -webkit-overflow-scrolling 。
虽然后来 @virushuo 提醒其实 beta 1 时就已引入,且是通过 GPU 加速的。
不过我还是很兴奋,同时感觉类 Scrollability 的 js 阻尼滚动模拟库快完成其使命了。

今天用几分钟时间写了一个 demo,感觉效果还是相当理想的。
Demo 很粗糙,在这里分享一下,希望对有兴趣实现类似效果的朋友有用。

source code:

<!DOCTYPE html>
<html>
    <head>
        <title>simple demo of -webkit-overflow-scrolling</title>
    </head>
    <body>
        <div style="width:400px; height:400px; border-style:solid; overflow: scroll; -webkit-overflow-scrolling: touch;">
            <img src="http://www.leaskh.com/wp-content/uploads/2011/07/qingyuan_city_09_06_181.jpg">
        </div>
    </body>
</html>

其实重要的也就这两句:

overflow: scroll;
-webkit-overflow-scrolling: touch;

点击以下链接直接体验(仅适合运行 iOS 5 beta 的设备):
simple demo of -webkit-overflow-scrolling

互联网是什么?

2009年9月,我写过一篇题为《中国电信!你没有资格搞3G,你只有“儿童不如”的设计能力。》的文章。最近意外发现,该文被不少网站转载了。值得欣慰的是,事件被广泛报道后,电信修改了相关的页面设计。事情本来很平常,但当我细心阅读了网友的评论后,却感到很难过。

在继续阅读之前,请大家先花时间看看原文

接下来我们看看这个帖子: http://bbs.news.163.com/bbs/wsyz/150408563.html ,正文基本和我的原文一致,看点在评论,下面我摘录其中一部分:

  1. 糗大了!
  2. 哎~最近抄袭的新闻还真多~~~
  3. 抄袭是为了让大家快速的上手,知道那个图标是干嘛的,也没有多大的关系吧
  4. 淘猪客!淘猪客!
  5. 中国人现在只会抄袭了,以前老美不知道中国军事研发实力,很怕,后来几次间谍们,他们不怕了
  6. 刚才登陆发现已经变成这样了(电信网站下线),哈哈。
  7. 倒,这真是没事找事,电信里面会有牛X的UI设计师??? ui 图标这类东西,肯定都是抄别人的啊,能做这些图标的,谁还在电信混,你们以为电信的网站美工 有多少工资啊,工资高也不会那么勤奋。
  8. 你们看那些图标,那个不是出自著名的软件ui设计公司.
  9. 什么来着的
  10. 我刚参与了网易论坛国庆60周年大型系列活动——中国情,拿了积分呢~嘿嘿 爱国心之传递我的中国心活动,奖品很丰盛啊!推荐大家一起参与,共同为祖国送祝福,表达中华儿女的爱国热情! 活动地址:http://…
  11. 一群外行人,这种图标大多数都是找外面的设计公司设计的,几乎没有自己做的图标的。
  12. 创意产业在中国还没有引起重视啊
  13. 国内还要继续努力啊
  14. 山寨国
  15. 对于中国电信无话可说,服了!
  16. 如果不是靠政府的垄断批文,许多国企早就倒闭很多年了
  17. 今天是第五次看完了《X时空调查》。作者君天的想象力可以说是任何人都无法匹敌的,这本书里面,我所看到的其实不是可以穿越时空的能力,各种充满动感节奏的好莱坞式的打斗场面和充满了刺激的各种超能力。
  18. 国外的相关职业叫“设计师”,国内叫“美工--美化工作者”,是可以不存在“设计”过程的。
  19. 其实那些是素材
  20. 已经改了…
  21. 在这些国内企业里,你设计能力再强也没用,所以这种活没人去做,做了也白做
  22. 电信是出图标的吗,吵正常啊
  23. 我艹,楼主,那个C,你的说法不对吧,那是人家店铺的图标,不是电信的图标。。。注意区别,要严谨。
  24. 爱笛儿,爱笛儿,爱笛儿
  25. 小题大做,电信就废物多点,大家别说了
  26. 素材谁都可以用啦,这不算什么抄袭。你可以在网易上找,也可以找到一大把。
  27. 楼主就是个sb
  28. chaoba chaoa
  29. 垃圾
  30. 垄断企业不照搬就不错了,指望他们自己创造,都不如相信给我一个女人可以创造一个民族。
  31. 小学 高中 大学都这样了 还能咋办
  32. 不是天才就是笨蛋
  33. 都是找外面做的,电信里面有做设计的吗??
  34. 现在的中国人聪明多了,知道该怎么样才能做到免费的广告。哈哈
  35. 中国人不抄袭你就没人抄袭你了,不知好歹,抄你是看得起你。
  36. 完全可以告 电信侵权了,想起 Google 那个什么简洁页面专利,相对于这些来说不算什么,哈哈……
  37. [潜水中]
  38. 哈哈,工资这么少,员工能粘贴上去,整个版面看起来还行糊弄到领导就不错了,还想怎么样?
  39. 成都商铺网 http://… 成都写字楼网 http://…
  40. 抄的见的多了 不过水平这么”高”的就不多见了!
  41. 汗~不就是几个图标吗~我晕~真是闲人太多了~都吃饱了撑的~
  42. 我看楼猪就一SB,你他们妈的懂什么
  43. 中国电信那个牛头logo本身就是 抄日本的一个设计的,人家logo都抄,何况这些小东西了
  44. 楼主比较无知,而且很无聊
  45. 楼主,智商有误!

我们先忽略那些表示潜水的,借帖子发广告的,乱七八糟完全看不懂的……
我们把焦点放在三类表态上:

  1. 认为抄袭是正确的,感觉抄袭很正常,不要大惊小怪;
  2. 认为电信有错,需要改正,并且创意理应受到保护;
  3. 认为楼主(那个转载我文章的人)智商有问题(其实相当于骂我)。

我可以忽略第3种态度,理由是:
艾伯拉姆将军说过:“别跟猪打架--到时候你弄得一身泥,而它们却乐得很呢。”

我感到最难过最难过的是居然有那么多人支持第1种态度。在我看来,能说出这样的话的人,是可悲的,因为他们已经丧失了理性思考的能力,他们已经完全超脱道德的约束,他们正在无知的泥沼深陷、沉沦,无法自我救赎。

互联网是什么?

  • 当我们的中小学生学会了通过搜索引擎直接查找功课的答案时;
  • 当我们的本科生、研究生大段大段地 COPY 网上的论文时;
  • 当我们的硬件科研项目成为打磨 CPU 的大笑话时;
  • 当我们的软件、应用完全无视开源协议时;
  • 当我们的每个 WEB 服务都 CLONE 自美帝时;
  • 当我们对迅雷爱不释手,美帝 iTunes、Amazon 正如火如荼地建设正版内容时;
  • ⋯⋯

互联网成为了我们最便捷的复印机?仅此而已?

当我们以13亿人口的中华民族屹立于世界民族之林而骄傲自满的时候,不妨放慢脚步,放眼世界,方知我们需要虚心学习的地方还有很多很多。世界每天都在变,神州之外有一群疯狂的人,每时每刻都在构想下一个改变世界的点子。创新是人类文明不断向前冲的强劲引擎。一个曾经辉煌的民族沦落为一个抄袭功课的孩子是可悲的。终有一天,我们会成为世界知识体系的寄生虫,我们会为我们今天的急功近利付出代价。

不想写太多,因为已经不知道写什么好了,希望我微弱的声音能够引起大家一丝共鸣。我以一个 IT 人自居,并深感自豪。因为我从事的是一个充满创造快感,充满挑战的脑力工种,此已成为我生活快乐的源泉之一。我从不怀疑:对于一个手艺人,才华和骨气都相当重要。

露营

一个月前去了一次露营,其实我挺喜欢背上大背囊翻山越岭的感觉,轻松、随性、悠然。但是这样的机会并不多,中学的时候要拼命读书,大学的时候要拼命捣鼓别的有趣事儿,毕业后又开始了繁忙的工作。不过也可能是自己慵懒、寡断的缘故吧,这次才仅是我的第二次露营。

事情都过去一个月了,都没必要提起了,只是朋友老问,就贴几张图片吧。我们这次去的是南京城郊的横山水库,坐地铁到南京主城区东边缘,步行10公里到达营地。主要项目是晚上的月光烧烤盛会和啤酒狂欢。

我没带相机,只能贴一些用电话胡乱拍的照片,如果想看更多照片,可以去豆瓣同城查看此活动的页面: http://www.douban.com/event/14128117/

路边的野花:

五颜六色的帐篷:

清晨的横山水库:

大合照:

生命是一个奇迹

听说哥哥老婆的肚子已经鼓起来了,12月就要诞下宝宝了。
嫂嫂发来一张彩色超声波照片,让我十分震撼。
让我想起 Céline Dion 的 MIRACLE,歌词写得很美,分享给大家。
祝天下宝宝健康成长。

MIRACLE

Lyrics: Linda Thompson
Music: Stephen Dorff

You’re my life’s one miracle
Everything I’ve done that’s good
And you break my heart with tenderness
And I confess it’s true
I never knew a love like this ’til you

You’re the reason I was born
Now I finally know for sure
And I’m overwhelmed with happiness
So blessed to hold you close
The one that I love most
Though the future has so much for you in store
Who could ever love you more

The nearest thing to heaven
You’re my angel from above
Only God creates such perfect love

When you smile AT me I cry
And to save your life I’d die
With a romance that is pure in heart
You are my dearest part
Whatever it requires
I live for your desires
Forget my own, your needs will come before
Who could ever love you more

There is nothing you could ever do
To make me stop loving you
And every breath I take
Is always for your sake
You sleep inside my dreams
And know for sure
Who could ever love you more

傻傻的 Google AdSense Support

我已经不是第一次申请 Google AdSense 了,大学的时候就申请过,那个时候有几个博客流量很高,未能通过的原因是“不是独立网站”,那时候我用的是别的 BSP 提供的博客空间,而 AdSense 要求独立博客才能申请。

最近我又尝试了申请 AdSense ,看看能不能把有限的流量转化为微薄的收入,只要能养活自己的 Dreamhost 合租空间就满足了。

于是更新个人资料和支付信息,重新发出申请。不到半小时 Google 就回复了邮件,正文主要内容如下:

您好!

感谢您关注 Google AdSense。很遗憾,在审核您的申请后,我们发现目前无法批准您加入 AdSense。

具体原因如下所述。

问题:
- 域名所有权:我们在审核了您的申请,并肯定您网站的质量,在批准您的申请之前,我们需要进一步确认您对该网站 www.leaskh.com 的所有权。

所以烦请您在您的网站 www.leaskh.com 的根目录下创建一个网页 www.leaskh.com/adsense.txt,并粘贴“本人 {FullNameLocal} 声明确认我对本网站的所有权,同时确认本网站遵守 Google AdSense 计划政策和条款。ca-pub-2146270771491328 ”至该页面,然后以该网页www.leaskh.com/adsense.txt 作为申请的”网站网址”重新提交申请。我们会第一时间核实您的申请,确保您早日加入AdSense。请注意,回复此邮件是无效的,您只需按照上文提供的步骤重新申请即可。

我们期待您早日加入AdSense,成为我们的发布商合作伙伴!

……

此致

Google AdSense 小组敬上
本电子邮件地址只作通知用途,不接收回信,因此请勿回复本邮件。

看了以上的邮件,心想这也是合理的,毕竟有必要核实一下我是不是网站的所有者,于是乖乖地在根目录添加上: http://www.leaskh.com/adsense.txt 其后再次发起申请,不多会,Google 再次回复了邮件(留意邮件中的网址部分):

您好!

感谢您关注 Google AdSense。很遗憾,在审核您的申请后,我们发现目前无法批准您加入 AdSense。

具体原因如下所述。

问题:
- 域名所有权:我们在审核了您的申请,并肯定您网站的质量,在批准您的申请之前,我们需要进一步确认您对该网站www.leaskh.com/adsense.txt 的所有权。

所以烦请您在您的网站 www.leaskh.com/adsense.txt 的根目录下创建一个网页 www.leaskh.com/adsense.txt/adsense.txt,并粘贴“本人 {FullNameLocal} 声明确认我对本网站的所有权,同时确认本网站遵守 Google AdSense 计划政策和条款。ca-pub-2146270771491328 ”至该页面,然后以该网页 www.leaskh.com/adsense.txt/adsense.txt 作为申请的”网站网址”重新提交申请。我们会第一时间核实您的申请,确保您早日加入AdSense。请注意,回复此邮件是无效的,您只需按照上文提供的步骤重新申请即可。

我们期待您早日加入AdSense,成为我们的发布商合作伙伴!

……

此致

Google AdSense 小组敬上
本电子邮件地址只作通知用途,不接收回信,因此请勿回复本邮件。

看了邮件后我瞬间石化,感觉这回复也太傻了吧。即使是机器人审核,也不至于这么傻吧,而且这是 Google ,不应该出现如此低级的问题。

当然,我最大的不满不是来自这盗梦空间式的邮件,而是你根本不知道该向什么人询问,进入官方 AdSense 支持社区,一大堆愤恨的站长在抱怨,说 AdSense Support 给他们发去各种各样奇怪的邮件,提出了各种不可能完成的审核任务,或者如我一样进入了死循环,久久不能通过审核。

圈内的人最近都听说了,AdSense 无故关掉了国内几个名博的账号,封掉了不少人的 Google plus ,然后他们无不感觉愤怒和感到无助,感觉 Google 什么时候需要封锁你,什么时候要关掉你的服务,完全取决于 Google 大爷的心情。

我不知道这是 Google 中国出了问题,还是 Google 从来就是这样的办事方式。我只是简单地认为,Google 的繁荣除了要有大批牛人工程师外,还离不开千千万万用户的信任和支持,况且在中国,还未到 Google 可以停下来休息的时候。

离开新浪微博

身处极权社会,我们永远不要对媒体,乃至公民媒体抱有任何希望。
因为一切希望都终将成为泡影,一切幻想都仅是意淫,一切守望都成全了纵容。

我,Leask Huang(黄思夏),从今天开始,离开新浪微博。

我将立刻卸载新浪微博 iPhone 客户端,并在近期停止 Twitter 往新浪微博同步。

// NO_SINA badge is from: http://blog.xiqiao.info/2011/06/09/1054

《老男孩》明圣凯版歌词

一年多前的《老男孩》带给我们难忘的感动,其中主题曲更是触及了万千观众内心最柔软的角落。

今晚偶然听到一个改过歌词的版本,感觉虽然明圣凯唱得比较粗糙,且 MV 拍得很差,远不及筷子兄弟的沧桑演绎所带来的感染力。

但是康梓峰版的歌词却恰恰给身处异乡的我带来了另一种共鸣,贴出来给大家看看,全当读一首诗般欣赏吧。

特别转给如 Melvin 等异邦寻梦的好友们,祝你们快乐。

《老男孩》明圣凯版

曲:Takuya Oohashi
词:康梓峰
唱:明圣凯

偶尔也会停下脚步
眺望家的方向
一路走过那些时光
改变了我摸样

曾经那不懂事的我
无数次的迷茫
尽管如此我仍看出
你目光里的希望

为了那遥远的梦想
离开了你的身旁
尽管泪已在你眼眶
仍放手让我去闯

曾经那些说不出的话
如今就用微笑表达吧
就请允许我谢谢你们啊
我深爱的人
尽管世界已如此繁华
也换不回那往事年华
我深爱的人你们现在好吗

那些早已躺进照片
泛黄的日子啊
任凭我去如何挽留
时光不会停下

时常会想起小时候
那些妄想浮夸
你用心良苦的责骂
我都还记得啊

嘴角刮不完的胡茬
心里忘不掉的家
如今没人比我更懂
离开时你的牵挂

曾经那些说不出的话
如今就用微笑表达吧
就请允许我谢谢你们啊
我深爱的人
尽管世界已如此繁华
也换不回那往事年华
现在的我 是你希望的样子吗

嘴角刮不完的胡茬
心里忘不掉的家
如今没人比我更懂
离开时你的牵挂

曾经那些说不出的话
如今就用微笑表达吧
就请允许我谢谢你们啊
我深爱的人
尽管世界已如此繁华
也换不回那往事年华
我深爱的人你们现在好吗

曾经那些说不出的话
如今就用微笑表达吧
就请允许我谢谢你们啊
我深爱的人
尽管世界已如此繁华
也换不回那往事年华
现在的我 是你希望的样子吗
现在的我 是你希望的样子吗

《红领巾》片尾曲原创高质量抓取版本

土豆网上的《红领巾》最近很火,我也抽时间欣赏了。

很多人拿来和《老男孩》比,先不说《红领巾》的若干细节存在逻辑问题,就个人感觉而言,《红领巾》各方面还是没有《老男孩》做得精致,也不具备《老男孩》那种催人泪下的感染力。

但是《老男孩》、《玩大的》和《红领巾》同为80后的集体回忆,这样或多或少有点偏离主流价值观的小电影的确让人眼前一亮。

《红领巾》片尾曲是红色摇滚风格的少先队队歌,十分有感觉。想下载保存却发现网上还没有质量好的版本。
于是下载了最高质量的《红领巾》,456.6 MB F4V 版本的片子,从中抓取出片尾曲并导出为几种常见的格式供“同好者”下载。
曲子长度40秒,听着很不错,同时也十分适合用来做电话铃声。

红领巾(mp3) 192kbps mp3 // 任意设备适用
红领巾(m4a) 256kbps AAC // Apple 家的设备都适用
红领巾(m4r) 128kbps AAC // iPhone 铃声专用格式

// 这里就不提供上文提到的影片链接了,大家自己 Google 去吧,很容易找。

Tweets from May 21 to Jun 20

最近加班比较多,没时间维护Blog。感觉自己没多少青春可以挥霍了。既然对现实不满,就少点抱怨,努力工作,通过完善自己而提高对外部恶劣环境的驾驭能力吧。以后如果没时间更新了,就定期整理一些我在Twitter上的更新,以告知墙内的朋友们我的现状。

最近听说过劳死的比较多,虽然媒体的报道难免有些危言耸听。我的好友们大多数都是做IT或者传媒工作的,一般都比较累,大家要好好保重身体。


May 21

  • 程序员其实是做翻译的,我们负责把人的想法翻译给机器知道。只是有一些翻译工技艺高超,而且往往在翻译的时候加上自己的理解和演绎,让作品锦上添花。有一些翻译技不如人,机器听了后做出疯狂的事儿来。

May 25

  • 感觉自己像一只被绑着脖子的猫。在以绳子为半径的有限空间里好奇地探索着这个光怪离奇的世界。

May 29

  • 很多时候,人与人之间争论问题,虽争得面红耳赤,但通常人们总是把心里认为对的答案分享给你,认为有道理的想法告知你。虽然或许那个观点可能有所 局限,又 或者时过境迁,该逻辑已经不再成立,但却并不能否定争论者的善意。因此,无论你想说的话多么的有道理,朋友们,请注意你说话的方式。

May 30

  • 社会是黑暗的吗?当然不是。社会是光明的吗?当然也不是;社会不黑暗,是因为有人在做光明的事情;社会不光明,是因为有人在做黑暗的事情。但是社 会需要的 是光明,所以,即使是一件微不足道的光明的事,也会让社会往希望之光迈进——李仪 by RTHK // 自省,一起减少抱怨,做光明的小事就好
  • 我们口里的话语,就像草丛里的双脚一样,会蹂躏许多东西。 —— 赫塔·米勒
  • 想我,响我。 —— 台湾第三届简讯文学『情书组』冠军 // 真秒。 PS:请用国语朗读。
  • 我们恨贪官,又拚命报考公务员;我们骂垄断,又削减脑袋往高薪单位钻;我们讥讽不正之风,自己办事却忙找关系。总之,我们愤怒,不是因为觉得不公 平,而是 觉得自己处在不公平中的不利位置,我们不是想消灭这种不公平,而是想让自己处在不公平中的有利位置。这种骨子里的自私,才是我们真正应该反思的——@Real袁莉

May 31

  • 其实与其看到Webkit通过所谓的双核浏览器迂回地统一天下,我更愿意看到更多厂商真正拥抱标准、公平竞争。虽然我最爱的还是 #Webkit ,但是无可否认,#IE9 也是诚意之作,让人欣慰。

Jun 1

  • RT @lidaobing: “越是聪明人,越要懂得下笨功夫。” — 钱钟书
  • break the #wall or bring the #war — LeaskH.com

Jun 2

  • 诺基亚市值跌至250亿美元仅为苹果年利润 http://goo.gl/Tfb2W 其实还不少人觉得Nokia甚至微软还很牛,最少身边如此。不少人说百分之多少人诺基亚,百分之多少电脑跑XP。以前我会说,给点发展眼光看问题好不好,而现在已不需发展眼光,消息灵通点的都知道:世界变了

Jun 3

  • 知乎已经不需要邀请了,以下地址可以申请注册,信息尽量写靠谱的,一般半小时就能收到注册邮件: http://www.zhihu.com/apply #zhihu
  • 在没有光的时代,我们更加会睁大眼睛看这个世界。#June4, 2011

Jun 6

  • 不得不说,大多数人的微博,只是在分享他们有多无聊而已。
  • RT @xiaochengtang: “[Design is] not just what it looks like and feels like. Design is how it works.” ——Steve Jobs
  • 推荐书籍《风流绝》:“风流”这个词语,早在无数凡夫俗子的意淫下变得庸俗,甚至有些下流。想当年, “风流”是孔融让梨的风度,是阮籍赶着牛车直到穷途末路之际的泣血哭嚎,是嵇康临终回望落日的一曲《广陵散》,是曹丕在王粲坟前为亡友学的一声驴叫,是王 徽之为弟弟献之最后调的一次琴弦。
  • 人生只有短短的900个月。几年前,在大学里,我们无忧无虑地“浪费青春”,如今青春不再,我们已没有多少生命可供浪费。
  • RT @Scswga:【转】 07年京沪高铁预算增至2200亿。08年免除46个国家400多亿债务。08年奥运会3000亿。09年公车消费9000亿。10年世博会 4000亿。10年承诺对朝鲜投资700亿。10年西南五省大旱拨款1.6亿。10年人大指出:实现全民免费医疗需1600亿, 目前中国不具备此实力。

Jun 9

  • 如果说新浪在删除政治信息的事情上属于无奈,那么在处理抄袭谷奥(@guao)文章的事情上纯粹就是无耻了。新浪,请你自重,我们不是白痴,公道自在人心。新浪的手段,和CCAV有异曲同工之妙:哄骗一下叔叔阿姨或许还行,敢在科技领域撒野,还缺点道行。

Jun 12

  • #iOS5 内置的照相机应用中,把手指从左往右划一下,可以立刻切换到相册以查看最新拍到的照片,反方向划动,返回拍照模式,十分便利。 // cc @apple4us

Jun 17

  • 无论你相不相信,CPU和GPU相互分离的计算模式,总有一天会被终结。这是人类的芯片设计能力决定的,如当年出现的声卡,后来也回归到模拟 层面。随着大 规模集成电路的进步,终有一天设备中的所有运算会集中到同一个高效能芯片里,于此层面,ARM占尽优势。这就是IT界的“生产力决定生产关系”。

Jun 18

  • 所谓自由,不是你想做任何事都可以做,而是你不想做任何事的时候没有人可以强迫你。自由,是戴着枷锁在跳舞。

Jun 20

  • 「站在麦田尽头的悬崖边上,抓住每一个跑向悬崖的孩子。」每次读≪麦田守望者≫,我都很喜欢这段。 http://instagr.am/p/GA0mH/
  • 朋友,如果你连排队都做不好,凭什么指点江山,激扬文字,骂党骂朝廷!?不要成为连自己都讨厌的人,看这个社会,需要擦亮双眼,多思考,多自省。因为某种意义上说,不排队和贪污受贿,其实是等价的。