我个人非常喜欢iOS系统中的开关按钮效果。相比于普通的checkbox,这种带有滑动效果的开关按钮显得更加美观,体验也更好。刚好最近在开发围脖贴,于是想在一些要用到checkbox的页面中使用类似iPhone/iPod/iPad中的开关按钮效果。
当然首先是寻找现成的实现,可能是我太土鳖了,不知道这个东西叫做 toggle switch,结果一直搜 toggle button,得到的结果都不是我想要的。于是索性自己实现了一个。(效果,Github Repo)
下面简单记录一下实现的思路。
背景动画
实现的重点在状态的切换过程,需要产生一个平滑的滑动效果。于是我想,制作一个左侧是开启,右侧是关闭的图片,作为背景,然后在切换的时候给背景做一个动画。于是产生了下图。

为背景作动画用到了Backgroud-Position Animation Plugin。仅使用一个开启/关闭联合起来的图是不够的,因为按钮有一个圆角,如果始终使用联合图的话,在一个开启状态下,右上角和右下角会显示灰色,在关闭状态下,左上角和左下角会显示蓝色,很不自然。所以,需要在动画结束后,把背景切换到单独的开启/关闭按钮的位置。
状态保存
考虑到这个开关按钮基本是放在一个form里面用的,因此使用一个hidden的input元素来保存它的状态。每次开关被单击,就改变input的值。这样以来,就很容易把开关状态通过表单提交到后台。
自定义事件
很多时候需要根据开关按钮的状态进行编程,因此添加了两个自定义事件 on 和 off,分别表示按钮被开启和关闭。可以使用jQuery的bind方法来添加事件处理函数。
成果
感兴趣的童鞋,可以 点击这里查看效果,或者在这里下载。
前阵子网上疯传清华女生C语言门的帖子。该贴因其“重口味”特点而得到广大网友的一致追捧,尤其是在《蜗居》中的小贝被牛逼网友考证出是C++程序员的背景下,清华女生因C语言而劈腿的消息无异于给广大程序员朋友带来了有朝一日凭技术抱得美人归的希望。

程序员的悲剧
当然,以上都是玩笑。下面进入正题。
最开始听说这个事情我觉得有点不太可信。为了一次作业就去开房这种做法有点超出了我的认知边界。不过想到这是个捉迷藏致死、过马路归西、人民币开锁、惹警察枪毙的国度,也就觉得这事没什么了。即便是真的,人家女孩跟什么人恋爱、因为什么恋爱都不关我任何
事情,大家都是成年人,有选择恋人和配偶的权利。所以也就对这个事情一笑置之了。
倒是今天,看了一个号称为该女生澄清流言的视频,让我对这个事情多少有了点其他的看法。
一如既往的,又有一大批不知道从哪个旮旯里蹦出来的道貌岸然的傻X开始对这位女孩进行道德批判。这让我不得不感叹封建卫道士们的“野火烧不尽、春风吹又生”。这些个批判无非就是说人家淫荡了、贱了、就因为一次作业就劈腿了。可以想见,这些个脸上写着“仁义道德”的傻X们在一通乱骂之后达到了精神上的高潮,愈加感觉到自己的高尚。然后心满意足的关掉论坛网页,打开硬盘上数以百G计的日本“影视作品”开始了新一轮的“批判性欣赏”。
其实我觉得,这些个站在道德高位上的君子们虽然可怜,但也不失可爱之处。
下面,让我们先退一万步,假定这个事情是真的。
人家女孩子跟什么人恋爱关你屁事啊?因为一次作业怎么地?不行啊?为了千万财富和为了一次作业有区别吗?不是说知识胜过财富吗?脑瓜子都让什么燃料点的火给熏了?那男的受到伤害?人在江湖漂,哪能不挨刀?你自己愿意追求感情,那就得做好被感情伤的准备。全世界就你痴情,就你脆弱,就你需要关怀和呵护?C语言怎么地?兴古人凭文采把妹,就不兴今人靠技术泡妞?书中自有颜如玉,靠本领交女朋友有什么不对?良禽择木而栖,依能耐遴选男朋友有什么不科学之处?一个男人,没本事帮女朋友搞定作业,跑到论坛上发声泪俱下的帖子,丢不丢人啊?
看看,即便是退了一万步,还是能把傻X们骂个狗血淋头。
好了,现在我们回到原地,探讨一下一万步以前的一个问题:事实还是谣言?
刚提到的那个澄清流言的视频里面例举了很多网上的支持那位女孩的言论,也包含了那位女孩自己的一些说法。不过给我的感觉是,罗嗦了半天,依然缺乏说服力。这些义正言辞的辟谣跟那个猥琐男的声泪俱下其实没有什么本质的区别,各执一词而已。事实上,这些个长篇大论和满含深情对说明事实并没有帮助。
需要声明的是,我本人并不关心这个事情的真相,因为无论真相如何,都没有什么可争议的。但是鉴于事件的女主人公已经因为无数傻X的歇斯底里的攻击而陷入困境,而且就目前傻X的普遍程度看,在能够预见到的未来,类似的受害现象可能还会出现,所以我想在这里探讨一下面对类似危机的时候应该如何应对。
个人认为,最有效的手段就是公开物证,让对方无可辩驳。例如此次事件中的清华女生,她本人说她的课表里面根本就没有C语言这门课,那么好,直接把学生证(用于证明她的系别和专业)和课程表(用于证明她所上的课程)的正面清晰照片发出来,一切就都明了了。根本不必使用任何的语言,不需要辩驳一句,谣言即告破。
当然,如果同时公布猥琐男的真实身份,引导舆论对其进行攻击的话,会对其造成极大的杀伤。不过这样做似乎跟那个猥琐男的行径又有点一丘之貉的感觉,因此不推荐。尽管如此,猥琐男的卑劣行径当然是要受到惩罚的,个人认为有效的方式是:及时保存证据,并联系论坛的管理人员留存相应帖子和发帖账号的信息,然后向学校反映情况,要求对其进行处罚。如果还想更狠一点,可以到法院起诉猥琐男的诽谤行为(不建议这么做,原因,你知道的)。
各种“门”吸引了观众的眼球和唾沫,可是每打开一扇门,总是伴随着一些无辜者的受伤。看客当然轻松,最多时候被人骂傻X,而且这一句骂要被一个巨大的分母除一下,平均到每个人的头上,几乎感觉不到了;可是当事人受到的伤害,却要被一个巨大的因子乘一下,这个分量,其沉重不言而喻。
大家都别执着于声泪俱下的哭诉和义正言辞的反驳了,在这个无图无真相的时代,还是去买台相机更能保护自己。
“民主就是一条跑道,我们暂时无法确定这个跑道有多长,我们把它初步假设为一个5000米的跑道,要用20年或者15年的时间实现。政府也在这个跑道上,你不可能抛开政府就能进入现代社会,当你去推动政府的时候,你首先要让政府觉得这个力量它是能承受的,是安全的,目的是要把它往前推动。在这种状态下政府是安全的,你也是安全的,跑道以外的人也看到了郝劲松是安全的,那就会有更多的人走上这条跑道。人多了,民主的进程就会缩短。”郝劲松说。

The Big Brother
我们常用蚍蜉撼树来形容弱小对强大的不自量力的挑衅,我们也常用水滴石穿来形容柔弱对刚强的经年累月的征服。前者多少包含着嘲讽和无奈,而后者则充溢着坚定与执着。
对于好的愿望,急切地想要实现它,有的时候甚至显得有点急不可耐,这可以理解。但实际上这种热血和激情往往不能起到良好的效果,反而容易把事情推向反面。历史已经不止一次的验证了这一点。而恰恰是一些比较容易让人忽视的小的改变,累积起来,最终成就了那些辉煌壮丽的梦想。
也许数千年的王朝更替史让我们醉心于那些金戈铁马、勇将明主、杀伐果断、风雨飘零。是的,这些的确大气、雄浑。可是在这大气雄浑背后,不难发现,那仅仅是换汤不换药的简单的重复而已。牌局还是那个牌局,坐庄的人不同罢了。
可能“人生苦短”的感叹给我们带来了太多的紧迫感,唯恐不赶快做点大事这辈子就再也没有机会成就点什么了。问题是,这个世界上本来就没有什么大事可做,“志向远大”更多时候是“好高骛远”的另外一种表达方式。理解“这个世界是在缓慢的发生变化的”这一点很重要。
要破除坚冰,找一把锋利的冰镐是个办法,可更好的选择也许是点上一堆篝火,虽然没有冰碴四溅的快感,却也多了冰融雪消的美丽。更重要的,篝火带来了温暖,也避免了锋利冰镐容易带来的意外。
其实是要设计个传单的,结果搞成一个海报。未付印,首次见光。
这是我第一次展示这张海报,希望大家能喜欢。这个作品花了我很长时间,个人对结果还是比较满意的。要设计出质量高的海报需要大量的练习,当然,如果拥有了优秀的软件工具和恰当的技巧,可以一定程度上提高效率,降低难度,有时甚至让你觉得设计工作是一种享受。
希望得到大家的评价 – 如果你是为商业级的客户如 http://www.casino.com/cn/ 设计内容的设计师,那就更好了 – 希望大家能给出一些参考意见。设计师总是能够从他人的评价中获益,尤其是同行的评价和建议。这正是我在自己的博客上发布自己的作品的原因。所以,请大家尽管给出你们中肯的建议吧。谢谢。

分享家海报-1

建设自己
打开旧桌上的书本
开始阅读, 以寻找灵魂
拭去心口上的灰尘
用真性情, 去面对晨昏
丢弃肮脏的贬损
还自己一个, 洁净的单纯
忘掉奢侈的赞美
给自己一个, 华丽的转身
背对浮躁
背对喧嚣
背对粗鄙
背对孤傲
背对歪树
背对枯草
背对钢铁的森林
背对虚伪的讨好
用已稍显浑浊的玻璃体
重新审视自己
是否披着的
竟是皇帝的新衣
风雨中走过了四季
究竟留下的
是怎样的足迹
不求顶天
惟愿立地
踏踏实实
建设自己
看了《天水围的日与夜》,在整个观看的过程中,我都处于一种神经过敏的状态,总是期待着如其它电影那样的起伏和波折的出现,然而又一次次的失望。比如,婆婆在炒菜的时候,我就想,会不会着火了呢;家安在团契的时候,我就想,这个家安是不是一个有心理疾病的孩子呢;家安帮婆婆搬电视的时候,我就想,电视会不会掉下来了呢;贵姐帮婆婆抽奖的时候,我就想,会不会真的中了呢。最后,在影片的结束,我终于不得不接受这个事实:这部电影,没有惊喜,没有波澜。
然而,这个结论没有给我带来丝毫的遗憾,反而让我从心底里松了一口气。看了太多的劲爆的欧美大片,这部用细腻的笔触描写普通百姓生活的电影看似平淡,却给我带来了另外一种美的享受。就好像吃腻了大鱼大肉之后喝到的一碗稀溜溜、香喷喷的小米粥,从口到心的那么香。
以前看电影,我都十分的清楚,银幕上的那个,是电影。然而这一次,我第一次有点分不清楚,银幕上的,到底是电影,还是生活。说它是电影,它却又那么真实,似乎就发生在我的身边;说它是生活,它却又那么温馨,似乎是天堂里发生的故事。但,无论如何,《天水围的日与夜》让我看到了天和水之间的那份暖人心脾的情。
人们总说,艺术源于生活,高于生活。我一直都很同意这句话。不过看完这部电影之后,我不由得想起了台湾歌星侯德健的另外一句话“我们是不是需要用谎言去打击那些说谎的敌人?难道事实还不够有力吗?”,当然,这里没有说艺术是扯谎的意思,在这里或者将这句话改一下更不容易引起误会:“我们是不是一定需要用高于生活的创作去表现生活,难道生活本身还不够生动吗?”
帅小伙家安没有和他的漂亮表姐谈恋爱,更没有和他的体贴女老师展开师生恋;家安的两个舅舅不是发达后忘了本的趾高气昂的小人;婆婆的女婿不是个恶毒的家伙,但也谈不上情深意重……这不就是生活的本来面目吗?不像火一样热,也不像冰一样冷,更多的是处在一种温温的状态。生活中少有大奸大恶的混蛋,也少有十全十美的圣人,更多的是普通平凡的芸芸众生。然而,这个世界并没有因此而平淡,反而让我们时时感到:生活真精彩!
天高,水深,我们很少能够到达,偶尔的飞行和航海,也只是蜻蜓点水般的接触。而那天和水所包围着的日日夜夜,才是我们生活的实实在在的容器,它不高,不深,却承载着我们的普通生活、记录着我们的百味人生。