<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:dc="http://purl.org/dc/elements/1.1/" version="2.0"><channel><atom:link rel="hub" href="http://tumblr.superfeedr.com/" xmlns:atom="http://www.w3.org/2005/Atom"/><description></description><title>@chrisyipw</title><generator>Tumblr (3.0; @chrisyip)</generator><link>http://chris.gd/</link><item><title>交響詩編エウレカセブン AO 新作决定。

吐槽：

你妹的正太开高达啊。

你妹的好像レントン啊。

エウレカ生儿子了？</title><description>&lt;iframe width="400" height="225" src="http://www.youtube.com/embed/tEQWg4JvX3g?wmode=transparent&amp;autohide=1&amp;egm=0&amp;hd=1&amp;iv_load_policy=3&amp;modestbranding=1&amp;rel=0&amp;showinfo=0&amp;showsearch=0" frameborder="0" allowfullscreen&gt;&lt;/iframe&gt;&lt;br/&gt;&lt;br/&gt;&lt;p&gt;交響詩編エウレカセブン AO 新作决定。&lt;/p&gt;

&lt;p&gt;吐槽：&lt;/p&gt;

&lt;p&gt;你妹的正太开高达啊。&lt;/p&gt;

&lt;p&gt;你妹的好像レントン啊。&lt;/p&gt;

&lt;p&gt;エウレカ生儿子了？&lt;/p&gt;</description><link>http://chris.gd/post/17758510538</link><guid>http://chris.gd/post/17758510538</guid><pubDate>Fri, 17 Feb 2012 16:28:42 +0800</pubDate><category>Anime</category><category>Eureka Seven</category></item><item><title>iOS ‘86</title><description>&lt;img src="http://30.media.tumblr.com/tumblr_lzgveyhNZU1qckmtfo1_500.jpg"/&gt;&lt;br/&gt;&lt;br/&gt;&lt;p&gt;&lt;a href="http://work.repponen.com/#2804563/iOS-86"&gt;iOS ‘86&lt;/a&gt;&lt;/p&gt;</description><link>http://chris.gd/post/17694971136</link><guid>http://chris.gd/post/17694971136</guid><pubDate>Thu, 16 Feb 2012 11:37:46 +0800</pubDate><category>iOS</category></item><item><title>「卒業」

作詞／作曲：高橋優

編曲：浅田信一

歌：高橋優

愛する人よどうか 顔上げてくれないか?

「深爱着的人啊...</title><description>&lt;iframe width="400" height="300" src="http://www.youtube.com/embed/U2gjTe-JNJ4?wmode=transparent&amp;autohide=1&amp;egm=0&amp;hd=1&amp;iv_load_policy=3&amp;modestbranding=1&amp;rel=0&amp;showinfo=0&amp;showsearch=0" frameborder="0" allowfullscreen&gt;&lt;/iframe&gt;&lt;br/&gt;&lt;br/&gt;&lt;p&gt;「卒業」&lt;/p&gt;

&lt;p&gt;作詞／作曲：高橋優&lt;/p&gt;

&lt;p&gt;編曲：浅田信一&lt;/p&gt;

&lt;p&gt;歌：高橋優&lt;/p&gt;

&lt;p&gt;愛する人よどうか 顔上げてくれないか?&lt;/p&gt;

&lt;p&gt;「深爱着的人啊 为什么不抬起你的脸呢?」&lt;/p&gt;

&lt;p&gt;あなたの悲しみは 計り知れないけれど&lt;/p&gt;

&lt;p&gt;「你心中所填的悲伤 已经无法计算」&lt;/p&gt;

&lt;p&gt;頼る宛も無くて 行き先も曖昧で&lt;/p&gt;

&lt;p&gt;「毫无依靠 且为目的地所彷徨」&lt;/p&gt;

&lt;p&gt;何が正しいんだかよく分からないけれど&lt;/p&gt;

&lt;p&gt;「到底何谓正确此时已经弄不清楚了」&lt;/p&gt;

&lt;p&gt;このままでは終わらないさ&lt;/p&gt;

&lt;p&gt;「可不要就这样结束了啊」&lt;/p&gt;

&lt;p&gt;終着地点はまだずっと先の方で&lt;/p&gt;

&lt;p&gt;「最后的终点依然在前方等待着」&lt;/p&gt;

&lt;p&gt;僕らを待っている&lt;/p&gt;

&lt;p&gt;「我们的到来」&lt;/p&gt;

&lt;p&gt;振り返る景色に 鮮やかな想い出と&lt;/p&gt;

&lt;p&gt;「在回首所望的景色中 伴着那鲜明的回忆」&lt;/p&gt;

&lt;p&gt;失くした風景たちを蘇えらせて 悲しみに暮れる&lt;/p&gt;

&lt;p&gt;「消逝的风景又在此刻苏醒 使我沉郁悲伤」&lt;/p&gt;

&lt;p&gt;過去から卒業のとき 僕らの目の前には ほら&lt;/p&gt;

&lt;p&gt;「过去你我毕业之时 在我们眼前呈现的是」&lt;/p&gt;

&lt;p&gt;どんな昨日さえも敵わない&lt;/p&gt;

&lt;p&gt;「无论怎样的昨天也无法匹敌的」&lt;/p&gt;

&lt;p&gt;新しい
「今」があるから&lt;/p&gt;

&lt;p&gt;「崭新的
「今日」的存在」&lt;/p&gt;

&lt;p&gt;抱きしめ合う人も 憎しみ合う人も&lt;/p&gt;

&lt;p&gt;「相互拥抱的人也好 相互憎恨的人也好」&lt;/p&gt;

&lt;p&gt;どこかで繋がってて 影響し合って生きてる&lt;/p&gt;

&lt;p&gt;「总会在哪里牵系着 在相互影响下生活下去」&lt;/p&gt;

&lt;p&gt;取るに足らないくらいの 微笑みの欠片を&lt;/p&gt;

&lt;p&gt;「将那好像微不足道的 微笑的碎片」&lt;/p&gt;

&lt;p&gt;一つ、また一つと 見付けていけるんなら&lt;/p&gt;

&lt;p&gt;「一片、又一片的 将它们发现」&lt;/p&gt;

&lt;p&gt;また始められるハズさ&lt;/p&gt;

&lt;p&gt;「那本应是能够重新再来的」&lt;/p&gt;

&lt;p&gt;今あなたが居るその場所からでも&lt;/p&gt;

&lt;p&gt;「即便是有你所在的这里开始」&lt;/p&gt;

&lt;p&gt;そう何度でも&lt;/p&gt;

&lt;p&gt;「无论多少次也好」&lt;/p&gt;

&lt;p&gt;涙は枯れ果てた 望みも絶たれちまった&lt;/p&gt;

&lt;p&gt;「泪水已枯萎殆尽 也仅仅独留绝望」&lt;/p&gt;

&lt;p&gt;それでも尚生きている今日という日を&lt;/p&gt;

&lt;p&gt;「即使如此依然残活着的今天」&lt;/p&gt;

&lt;p&gt;どんな風に受け取ろう?&lt;/p&gt;

&lt;p&gt;「又会感受到什么呢?」&lt;/p&gt;

&lt;p&gt;とき隔ていつの日か 笑い合えたらいいな&lt;/p&gt;

&lt;p&gt;「要是在隔天之后 又能够开怀而笑该多好」&lt;/p&gt;

&lt;p&gt;どんな苦悩さえもあってよかったと讃え合える&lt;/p&gt;

&lt;p&gt;「不管多么苦恼也能抬头感叹
「能遇见你真好」」&lt;/p&gt;

&lt;p&gt;日が来ればいいな&lt;/p&gt;

&lt;p&gt;「这样的日子到来该多好」&lt;/p&gt;

&lt;p&gt;銀のメッキが剥がれ落ちた後の&lt;/p&gt;

&lt;p&gt;「在风光被剥落殆尽之后」&lt;/p&gt;

&lt;p&gt;地金姿で尚も生く僕ら&lt;/p&gt;

&lt;p&gt;「徒留本性依然活着的我们」&lt;/p&gt;

&lt;p&gt;流した涙のその上に立って&lt;/p&gt;

&lt;p&gt;「在我们流过的泪水上站起来」&lt;/p&gt;

&lt;p&gt;絆も恥もぶら下げたままで明日へ踏み出す&lt;/p&gt;

&lt;p&gt;「负担起束缚与耻辱迈出明日之步伐」&lt;/p&gt;

&lt;p&gt;巡り合えてよかった あなたと出会えてよかった&lt;/p&gt;

&lt;p&gt;「相互邂逅真是太好了 与你相遇真是太好了」&lt;/p&gt;

&lt;p&gt;どんなに堪え難い今日という日でも&lt;/p&gt;

&lt;p&gt;「无论是再怎么不堪难过的日子」&lt;/p&gt;

&lt;p&gt;幸せと呼べるよ&lt;/p&gt;

&lt;p&gt;「也可以称之为幸福」&lt;/p&gt;

&lt;p&gt;あなたとまたいつか 笑い合えたらいいな&lt;/p&gt;

&lt;p&gt;「要是还能与你 相视而笑的话就好了」&lt;/p&gt;

&lt;p&gt;どんな昨日さえもあってよかったと讃え合おう&lt;/p&gt;

&lt;p&gt;「不管昨天发生什么事也能称赞
「遇见你真好」」&lt;/p&gt;

&lt;p&gt;呆れるほど&lt;/p&gt;

&lt;p&gt;「甚至令你惊讶」&lt;/p&gt;</description><link>http://chris.gd/post/17649814297</link><guid>http://chris.gd/post/17649814297</guid><pubDate>Wed, 15 Feb 2012 15:50:37 +0800</pubDate><category>Music</category></item><item><title>"I’m speaking to you now from behind a pair of FAKE Ray-Bans, wearing a FAKE Armani jacket, carrying..."</title><description>“I’m speaking to you now from behind a pair of FAKE Ray-Bans, wearing a FAKE Armani jacket, carrying a FAKE Louis Vuitton bag, in which we find a FAKE iPad and a FAKE iPhone. And if we consult my FAKE Omega, we see that it’s 25 to 3pm probably.”&lt;br/&gt;&lt;br/&gt; - &lt;em&gt;&lt;a href="http://v.youku.com/v_show/id_XMzQ5NTQ5MDcy.html"&gt;Top Gear 中国行中英文字幕 S18E02&lt;/a&gt;&lt;/em&gt;</description><link>http://chris.gd/post/17589299811</link><guid>http://chris.gd/post/17589299811</guid><pubDate>Tue, 14 Feb 2012 11:15:08 +0800</pubDate></item><item><title>"我感到极度的幸运，能这样的生活，去发现我的热情所在，去做每天我喜欢做的事情。你可以看出，大部分我现在的境遇并非偶然或侥幸，这是计划，追求，工作的结果。"</title><description>“我感到极度的幸运，能这样的生活，去发现我的热情所在，去做每天我喜欢做的事情。你可以看出，大部分我现在的境遇并非偶然或侥幸，这是计划，追求，工作的结果。”&lt;br/&gt;&lt;br/&gt; - &lt;em&gt;&lt;a href="http://www.aqee.net/traveling-writing-programming/"&gt;旅行，写作，编程&lt;/a&gt;&lt;/em&gt;</description><link>http://chris.gd/post/17545298484</link><guid>http://chris.gd/post/17545298484</guid><pubDate>Mon, 13 Feb 2012 17:21:14 +0800</pubDate></item><item><title>PNGGauntlet - a Windows alternative to ImageOptim</title><description>&lt;a href="http://pnggauntlet.com/"&gt;PNGGauntlet - a Windows alternative to ImageOptim&lt;/a&gt;: &lt;p&gt;&lt;img src="https://img.skitch.com/20120210-t4b797d7qxw6qkkc8h756crktg.jpg" alt="PNGGauntlet" title="PNGGauntlet"/&gt;&lt;/p&gt;</description><link>http://chris.gd/post/17370004685</link><guid>http://chris.gd/post/17370004685</guid><pubDate>Fri, 10 Feb 2012 21:19:54 +0800</pubDate><category>ImageOptim</category><category>PNGGauntlet</category></item><item><title>Well, if you want to sing out, sing out

And if you want to be...</title><description>&lt;iframe width="400" height="299" src="http://www.youtube.com/embed/46QXrJml0UQ?wmode=transparent&amp;autohide=1&amp;egm=0&amp;hd=1&amp;iv_load_policy=3&amp;modestbranding=1&amp;rel=0&amp;showinfo=0&amp;showsearch=0" frameborder="0" allowfullscreen&gt;&lt;/iframe&gt;&lt;br/&gt;&lt;br/&gt;&lt;p&gt;Well, if you want to sing out, sing out&lt;/p&gt;

&lt;p&gt;And if you want to be free, be free&lt;/p&gt;

&lt;p&gt;‘cause there’s a million things to be&lt;/p&gt;

&lt;p&gt;You know that there are&lt;/p&gt;

&lt;p&gt;And if you want to live high, live high&lt;/p&gt;

&lt;p&gt;And if you want to live low, live low&lt;/p&gt;

&lt;p&gt;‘cause there’s a million ways to go&lt;/p&gt;

&lt;p&gt;You know that there are&lt;/p&gt;</description><link>http://chris.gd/post/17210323658</link><guid>http://chris.gd/post/17210323658</guid><pubDate>Tue, 07 Feb 2012 23:00:00 +0800</pubDate><category>Music</category></item><item><title>"一、即使你内心已经明确地知道你想要什么，依然会有一些更为社会认同的东西来诱惑你，要永远记得坚持。二、如果你坚持了，你一定会经历一个学习自己写程序的过程，这个过程会是痛苦并漫长的。"</title><description>“一、即使你内心已经明确地知道你想要什么，依然会有一些更为社会认同的东西来诱惑你，要永远记得坚持。二、如果你坚持了，你一定会经历一个学习自己写程序的过程，这个过程会是痛苦并漫长的。”&lt;br/&gt;&lt;br/&gt; - &lt;em&gt;&lt;a href="http://blog.sina.com.cn/s/blog_6e8e05ac0100wu4h.html"&gt;给明年依然年轻的我们：欲望、外界、标签、天才、时间、人生目标、现实、后悔、和经历&lt;/a&gt;&lt;/em&gt;</description><link>http://chris.gd/post/17209677687</link><guid>http://chris.gd/post/17209677687</guid><pubDate>Tue, 07 Feb 2012 22:34:07 +0800</pubDate></item><item><title>"打开你的视野，你会发现有太多经历和体验可以让你去换取。但你的时间银行里每天只存了24个小时。你可能以为你还有一辈子的时间去做一些你想做的事，但事实是，没有人可以保证明天上帝是否会往你的银行里存另一个24..."</title><description>“打开你的视野，你会发现有太多经历和体验可以让你去换取。但你的时间银行里每天只存了24个小时。你可能以为你还有一辈子的时间去做一些你想做的事，但事实是，没有人可以保证明天上帝是否会往你的银行里存另一个24小时。所以，你要想清楚。”&lt;br/&gt;&lt;br/&gt; - &lt;em&gt;&lt;a href="http://blog.sina.com.cn/s/blog_6e8e05ac0100wu4h.html"&gt;给明年依然年轻的我们：欲望、外界、标签、天才、时间、人生目标、现实、后悔、和经历&lt;/a&gt;&lt;/em&gt;</description><link>http://chris.gd/post/17204122230</link><guid>http://chris.gd/post/17204122230</guid><pubDate>Tue, 07 Feb 2012 17:36:19 +0800</pubDate></item><item><title>很喜欢「あなたがいた森」。</title><description>&lt;embed type="application/x-shockwave-flash" src="http://assets.tumblr.com/swf/audio_player_black.swf?audio_file=http://www.tumblr.com/audio_file/15729006734/tumblr_lxp65xli6Q1qckmtf&amp;color=FFFFFF&amp;logo=soundcloud" height="27" width="207" quality="best" wmode="opaque"&gt;&lt;/embed&gt;&lt;br/&gt;&lt;br/&gt;&lt;p&gt;很喜欢「あなたがいた森」。&lt;/p&gt;</description><link>http://chris.gd/post/15729006734</link><guid>http://chris.gd/post/15729006734</guid><pubDate>Fri, 13 Jan 2012 02:03:33 +0800</pubDate><category>Music</category></item><item><title>Crunch - LESS editor and compiler that based on Adobe Air</title><description>&lt;a href="http://crunchapp.net/"&gt;Crunch - LESS editor and compiler that based on Adobe Air&lt;/a&gt;: &lt;p&gt;Crunch is the first app for writing and compiling LESS that I’ve ever saw.&lt;/p&gt;

&lt;p&gt;Its advantages:&lt;/p&gt;

&lt;ul&gt;&lt;li&gt;Better syntax highlight&lt;/li&gt;
&lt;li&gt;Better indentation&lt;/li&gt;
&lt;li&gt;More friendly error message&lt;/li&gt;
&lt;li&gt;Basic functions for project, e.g. open folder, folder tree&lt;/li&gt;
&lt;li&gt;Cross-platform&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;Coz it’s still under development (current is 1.1 beta), be ware of:&lt;/p&gt;

&lt;ul&gt;&lt;li&gt;No real-time compilation&lt;/li&gt;
&lt;li&gt;Worse performance than others&lt;/li&gt;
&lt;li&gt;No code completion&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;&lt;img src="https://img.skitch.com/20120112-gm8e6jgeiihb1usbyyhrqdkrdf.jpg" alt="Crunch" title="Crunch"/&gt;&lt;/p&gt;</description><link>http://chris.gd/post/15726394860</link><guid>http://chris.gd/post/15726394860</guid><pubDate>Fri, 13 Jan 2012 00:46:30 +0800</pubDate><category>LESS</category></item><item><title>乔布斯追悼漫画</title><description>&lt;a href="http://www.douban.com/note/176726208/"&gt;乔布斯追悼漫画&lt;/a&gt;: &lt;p&gt;希望乔布斯如结尾那样，在天堂能继续做他喜欢做的事。&lt;/p&gt;</description><link>http://chris.gd/post/15503954553</link><guid>http://chris.gd/post/15503954553</guid><pubDate>Sun, 08 Jan 2012 18:24:00 +0800</pubDate><category>Steve Jobs</category><category>Manga</category></item><item><title>The built-in debugger in Firefox 10.0</title><description>&lt;p&gt;I tried the built-in debugger in Firefox 10.0, it looks not bad, but it can’t be used in development right now.&lt;/p&gt;

&lt;ul&gt;&lt;li&gt;It only support inspecting HTML &amp; CSS&lt;/li&gt;
&lt;li&gt;It only support editing CSS&lt;/li&gt;
&lt;li&gt;It can display multiple colors for IDs, tags and classes while inspecting&lt;/li&gt;
&lt;li&gt;NO JavaScript debugger&lt;/li&gt;
&lt;li&gt;NO CSS autocomplete&lt;/li&gt;
&lt;li&gt;After inspect element, you only can use ESC or close button to close inspector layer&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;It’s still under development, let’s look forward what the Firefox team will bring to us.&lt;/p&gt;

&lt;p&gt;&lt;img src="https://img.skitch.com/20111230-cafsfxw6yr5d81qbekj6n3hgyc.jpg" alt="Firefox Inspector" title="Firefox inspector"/&gt;&lt;/p&gt;</description><link>http://chris.gd/post/15004692910</link><guid>http://chris.gd/post/15004692910</guid><pubDate>Fri, 30 Dec 2011 11:16:58 +0800</pubDate><category>Firefox</category><category>Development</category><category>Debugging</category></item><item><title>MHP3G 体验版试玩</title><description>&lt;p&gt;卡普空在 12 月 7 日发布了 MHP3G 的体验版供猎人们试玩。&lt;/p&gt;

&lt;p&gt;分别用大剑讨伐了一次白兔兽、太刀打了一次水龙，还有把 3D 效果开到最大、双刀讨伐了一次白兔兽。&lt;/p&gt;

&lt;p&gt;画面感觉比起 PSP 上的 MHP 稍微差了一点，颜色比较亮、白，不知道是不是和设置有关（NDS 游戏没这问题，我也不是很熟悉 3DS）。&lt;/p&gt;

&lt;p&gt;开满 3D 效果后，战斗画面很带感，但是可视范围是个问题，角度偏了一点的话，画面的变动可能会引起失误。&lt;/p&gt;

&lt;p&gt;至于下部的触摸屏附件倒是蛮贴心，放置了地图，道具和踢的按键还有 BOSS 的标示。&lt;/p&gt;

&lt;p&gt;只是地图倒没有 PSP 版那么好了，因为视线要往下移，而且地图的清晰度不如 PSP 版，视线离开了画面，可能会造成危险。&lt;/p&gt;

&lt;p&gt;最重要也最让人关心的视角调整功能做得差强人意。&lt;/p&gt;

&lt;p&gt;首先 3DS 的摇杆是在十字键的上方，不知道是不是任地狱想和骚尼对着干才故意放反的，总之，这样放置的结果是，任何一个正常的地球人都不可能在摇着摇杆的时候按到操作下方的十字键。&lt;/p&gt;

&lt;p&gt;卡普空的做法是：在触摸屏的右上角放置一个虚拟十字键。&lt;/p&gt;

&lt;p&gt;听上去很美，但现实很残酷。&lt;/p&gt;

&lt;p&gt;众所周知，3DS 的触摸屏是电阻屏，意味着你必须按下去，因此：&lt;/p&gt;

&lt;ul&gt;&lt;li&gt;力度过大可能会造成视角旋转过快&lt;/li&gt;
&lt;li&gt;根据施加的力度，可能会影响右手操作别的按键&lt;/li&gt;
&lt;li&gt;电阻屏精确的优点在这反而成为缺点，十字键可接受的范围相对电容屏要小，很有可能按在有效范围外&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;希望卡普空会在正式版改进一下虚拟十字键。&lt;/p&gt;</description><link>http://chris.gd/post/14403705399</link><guid>http://chris.gd/post/14403705399</guid><pubDate>Sun, 18 Dec 2011 23:02:11 +0800</pubDate><category>MHP</category><category>3DS</category><category>Game</category></item><item><title>Enqueue - An elegant playlist-based music player for OS X</title><description>&lt;a href="http://www.enqueueapp.com/"&gt;Enqueue - An elegant playlist-based music player for OS X&lt;/a&gt;: &lt;p&gt;Enqueue uses less memory than iTunes and much more faster than iTunes.&lt;/p&gt;

&lt;p&gt;It also supports Growl notification, and shares rating information with iTunes.&lt;/p&gt;</description><link>http://chris.gd/post/14300348789</link><guid>http://chris.gd/post/14300348789</guid><pubDate>Fri, 16 Dec 2011 14:35:01 +0800</pubDate><category>Music</category><category>iTunes</category><category>OS X</category></item><item><title>DiskWave - a simple, clean and free disk usage utility for OS X</title><description>&lt;a href="http://diskwave.barthe.ph/"&gt;DiskWave - a simple, clean and free disk usage utility for OS X&lt;/a&gt;: &lt;p&gt;&lt;img src="https://img.skitch.com/20111213-n8fpy3ek5ni26giku1564gmxki.jpg" alt="DiskWave" title="DiskWave"/&gt;&lt;/p&gt;</description><link>http://chris.gd/post/14161610662</link><guid>http://chris.gd/post/14161610662</guid><pubDate>Tue, 13 Dec 2011 18:16:30 +0800</pubDate><category>OS X</category></item><item><title>Clearly - My favorite Chrome extension for readability</title><description>&lt;a href="https://chrome.google.com/webstore/detail/iooicodkiihhpojmmeghjclgihfjdjhj"&gt;Clearly - My favorite Chrome extension for readability&lt;/a&gt;</description><link>http://chris.gd/post/13959662703</link><guid>http://chris.gd/post/13959662703</guid><pubDate>Fri, 09 Dec 2011 14:34:00 +0800</pubDate><category>Readability</category><category>Extension</category></item><item><title>Although iTunes provides mini mode for just playing music, but...</title><description>&lt;img src="http://26.media.tumblr.com/tumblr_lvx2rnFJMZ1qckmtfo1_500.png"/&gt;&lt;br/&gt;&lt;br/&gt;&lt;p&gt;Although iTunes provides mini mode for just playing music, but the memory usage is still very high. It really sucks!&lt;/p&gt;</description><link>http://chris.gd/post/13952689510</link><guid>http://chris.gd/post/13952689510</guid><pubDate>Fri, 09 Dec 2011 11:23:00 +0800</pubDate><category>iTunes</category></item><item><title>classList - manipulating element's classes with pure JavaScript</title><description>&lt;p&gt;In the past, if we wanna manipulate an element’s classes, we have to use &lt;code&gt;class&lt;/code&gt; attribute and &lt;code&gt;className&lt;/code&gt; property.&lt;/p&gt;

&lt;p&gt;Because of they’re &lt;code&gt;string&lt;/code&gt;s, which means less efficiency and performance.&lt;/p&gt;

&lt;p&gt;Although we have third-part libraries to work around it, e.g. &lt;code&gt;jQuery.hasClass&lt;/code&gt; or &lt;code&gt;jQuery.addClass&lt;/code&gt;, but it’s still less efficiency.&lt;/p&gt;

&lt;p&gt;But now, &lt;a href="https://developer.mozilla.org/en/DOM/element.classList"&gt;element.classList&lt;/a&gt; comes:&lt;/p&gt;

&lt;p&gt;&lt;img src="https://img.skitch.com/20111207-55it1nw7kyi5yi5c79chmj865.jpg" alt="element.classList" title="element.classList"/&gt;&lt;/p&gt;

&lt;p&gt;This property provides the following methods:&lt;/p&gt;

&lt;ul&gt;&lt;li&gt;add&lt;/li&gt;
&lt;li&gt;contains&lt;/li&gt;
&lt;li&gt;item&lt;/li&gt;
&lt;li&gt;remove&lt;/li&gt;
&lt;li&gt;toggle&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;Notice that all of them are only accept &lt;strong&gt;one valid class&lt;/strong&gt; name in one invocation, otherwise you will get “INVALID_CHARACTER_ERR” exception.&lt;/p&gt;

&lt;p&gt;Notes:&lt;/p&gt;

&lt;ul&gt;&lt;li&gt;if class is already exist, &lt;code&gt;add&lt;/code&gt; method will ignore it&lt;/li&gt;
&lt;li&gt;&lt;code&gt;classList&lt;/code&gt; is similar with &lt;code&gt;arguments&lt;/code&gt;: you can access one class by &lt;code&gt;classList[0]&lt;/code&gt;, but can’t use array methods directly, e.g. &lt;code&gt;classList.forEach(fn);&lt;/code&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;All the modern browsers are support it, but not IE9 or below. Yes, IE8- must die.&lt;/p&gt;

&lt;p&gt;&lt;a href="http://jsbin.com/amopof/3/edit"&gt;View demo&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://developer.mozilla.org/en/DOM/element.classList"&gt;JavaScript shim&lt;/a&gt;&lt;/p&gt;</description><link>http://chris.gd/post/13874098337</link><guid>http://chris.gd/post/13874098337</guid><pubDate>Wed, 07 Dec 2011 23:12:41 +0800</pubDate><category>JavaScript</category><category>Frontend</category></item><item><title>Virushuo: 为什么我不会再更新twitter了</title><description>&lt;a href="http://mini.virushuo.com/post/13824367403/twitter"&gt;Virushuo: 为什么我不会再更新twitter了&lt;/a&gt;: &lt;p&gt;&lt;a href="http://mini.virushuo.com/post/13824367403/twitter" class="tumblr_blog"&gt;virushuo&lt;/a&gt;:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;我不是一个胆怯的人，也并不需要别人支持我做什么。但我不喜欢人们不愿表达自己的看法，不喜欢人们的沉默。我在互联网活动的历史，就是表达自己思想的历史，从fido到blog到twitter，都是如此。互联网生来就是为了人们的表达，如果不表达，这一切都毫无意义。&lt;/p&gt; &lt;p&gt;当年初到twitter，为之欣喜。历史上前所未有的快速交流工具，没有审查，人们可以尽情表达自己的看法。没有比这更重要的事情了。几年过来，到今天我发现错了。最近的几次争吵中，愿意表达自己看法的人少之又少。就说我和花落去这场争吵，只有 @xiaolai 和 @liumiao…&lt;/p&gt;&lt;/blockquote&gt;</description><link>http://chris.gd/post/13862282302</link><guid>http://chris.gd/post/13862282302</guid><pubDate>Wed, 07 Dec 2011 13:21:08 +0800</pubDate></item></channel></rss>

