<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
 
 <title>Li Fangming</title>
 <link href="http://blog.fangming.li/atom.xml" rel="self"/>
 <link href="http://blog.fangming.li"/>
 <updated>2022-03-14T12:06:35+00:00</updated>
 <id>http://blog.fangming.li</id>
 <author>
   <name>Li Fangming</name>
   <email>lushnis@gmail.com</email>
 </author>

 
 <entry>
   <title>关于 Figma 在中国的举措</title>
   <link href="http://blog.fangming.li/2022/03/figma-in-china.html"/>
   <updated>2022-03-14T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2022/03/figma-in-china</id>
   <content type="html">&lt;p&gt;最近设计圈的大事件是 &lt;a href=&quot;https://www.163.com/dy/article/H2EBA9TH0511DV4H.html&quot;&gt;Figma 停用了大疆公司的账号&lt;/a&gt;，理由是大疆公司位列被美国制裁的企业名单，Figma 遵从美国法律无法继续为期提供服务。这事儿其实不新鲜，MATLAB 也断供了哈工大。但能引起这么大的轰动恐怕跟 UI 设计圈平时也没啥值得大呼小叫的新闻有关，再加上国内几个早就拿了很多钱的竞品一看这下可不困了。&lt;/p&gt;

&lt;p&gt;这无疑是一次政治站队，其实在这之前，Figma 就已经封禁了俄罗斯用户的账号，逼得俄罗斯用户都&lt;a href=&quot;https://twitter.com/t0ri333/status/1502740198219681792&quot;&gt;用上中国的竞品了&lt;/a&gt;。但并没有听到太多其他美国软件厂商封禁中国公司账号的新闻，不知道是 Figma 政治觉悟较高，还是这只是个开始。&lt;/p&gt;

&lt;p&gt;但要说这事情能有多严重，恐怕也没多严重。Figma 仅仅是 UI 设计领域一款相对领先的工具，但不是唯一工具。从 Adobe 到 Sketch，再到国内的 MasterGo、即时设计，可替代的产品太多了，顺不顺手，用上半个小时也就掰过来了。就像哪天 Google Chrome 不让用了，还有 Edge、Firefox 等一大票候选，能差到哪儿去？&lt;/p&gt;

&lt;p&gt;设计师值得为这个事情恐慌吗？大厂早有准备，小厂和个人用户其实无所谓。要相信自己的厂，一时半会儿上不了美国制裁名单，踏踏实实地该用用。你要说哪天它全面封禁中国用户了，那可能操心的也不是这一款产品的事儿了。&lt;/p&gt;

&lt;p&gt;国内厂商开始疯狂推广起来了，虽然说不失为一个机会，但另一个困扰 SaaS 产品多年的问题也更加暴露无疑：在线产品可以随时封你的账号。MasterGo 和即时设计都没有提供完备的设计稿导出功能。&lt;/p&gt;

&lt;p&gt;Figma 应该是我用的唯一一款在线使用的生产力工具，近两年的工作基本都在这个产品里。出色的前端技术和有想象力的功能设计，让这个产品迅速成为行业标配，希望能有一款国内产品能够与它媲美。&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>老电影</title>
   <link href="http://blog.fangming.li/2022/03/old-movies.html"/>
   <updated>2022-03-13T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2022/03/old-movies</id>
   <content type="html">&lt;p&gt;前段时间用 &lt;a href=&quot;https://plex.tv&quot;&gt;Plex&lt;/a&gt; 把硬盘中的电影都整理起来，观影体验好了很多，看了一些老电影。&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;https://s2.loli.net/2022/03/14/1WPFZUm4KdRMfp3.jpg&quot; alt=&quot;巴里林登剧照&quot; /&gt;&lt;/p&gt;

&lt;p&gt;印象深刻的是库布里克的《巴里林登》，1975 年的电影，带来的视觉震撼更甚于近几年的院线大片。故事只是个小故事，电影却能带人一睹 18 世纪的欧洲风貌。大师没有奇巧淫技，无非是穷尽可能来认真地还原那个 100 年前的世界。穿旧衣服，用 f0.7 的镜头捕捉烛光，符合那个年代的化妆。每一帧都如同油画，人类瑰宝。&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;https://s2.loli.net/2022/03/14/ZYI2WPb9EFakGjH.png&quot; alt=&quot;淘金记剧照&quot; /&gt;&lt;/p&gt;

&lt;p&gt;另一种老电影，比如卓别林的《淘金记》，则让人完全惊叹于演员的表演。看这种电影，心中会一直在想：喜剧电影，到这里不就到头了吗？卓别林拿餐叉插两个面包都比别人表演得好啊。&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;https://s2.loli.net/2022/03/14/b1u6BFe7HfDWiVX.jpg&quot; alt=&quot;海角擒凶剧照&quot; /&gt;&lt;/p&gt;

&lt;p&gt;但这种老电影在现在的高清设备上观看就容易出戏，比如希区柯克的《海角擒凶》，最后自由女神像那一段，能明显看出道具的粗劣。也许在 1942 年的电影院里，观众都惊掉了下巴，但对于看惯了宇宙飞船和大爆炸的现代观众来说就不算什么了。&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>Instruments from Inside</title>
   <link href="http://blog.fangming.li/2014/05/instruments-from-inside.html"/>
   <updated>2014-05-19T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2014/05/instruments-from-inside</id>
   <content type="html">&lt;blockquote&gt;
  &lt;p&gt;德国摄影师 Björn Ewers 为柏林爱乐制作的海报，从乐器内部的角度表现了音乐的魅力。使用微距镜头拍摄，使乐器内部看起来更像是一个宽广的音乐厅。没有极致华美的舞台，没有闻名遐迩的乐队，也没有如雷的掌声，有的是属于乐器本身自带的天籁，在有限的室内依然展现出不可遏制的宏大的表现力。&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;&lt;img src=&quot;/assets/images/bjoern-ewers-1.jpg&quot; alt=&quot;Instruments from Inside&quot; /&gt;&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;/assets/images/bjoern-ewers-2.jpg&quot; alt=&quot;Instruments from Inside&quot; /&gt;&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;/assets/images/bjoern-ewers-3.jpg&quot; alt=&quot;Instruments from Inside&quot; /&gt;&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;/assets/images/bjoern-ewers-4.jpg&quot; alt=&quot;Instruments from Inside&quot; /&gt;&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;/assets/images/bjoern-ewers-5.jpg&quot; alt=&quot;Instruments from Inside&quot; /&gt;&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;/assets/images/bjoern-ewers-6.jpg&quot; alt=&quot;Instruments from Inside&quot; /&gt;&lt;/p&gt;

&lt;p&gt;Source: &lt;a href=&quot;http://site.douban.com/106782/status/1399612116/&quot;&gt;douban&lt;/a&gt;&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>Zhidability</title>
   <link href="http://blog.fangming.li/2013/12/zhidability.html"/>
   <updated>2013-12-17T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2013/12/zhidability</id>
   <content type="html">&lt;p&gt;无法忍受阅读知乎的时候字体太小，以及一直显示的顶部横条，仿照 Readability 早期的做法，做了个 Bookmarklet，以解此忧。&lt;/p&gt;

&lt;p&gt;&lt;a href=&quot;javascript:(function()%7Bvar%20head%20%3D%20document.getElementsByTagName('head').item(0)%3Bvar%20body%20%3D%20document.getElementsByTagName('body').item(0)%3Bvar%20style%20%3D%20document.createElement('style')%3Bstyle.type%20%3D%20'text%2Fcss'%3Bstyle.innerHTML%20%3D%20%22body%7Bfont-family%3A'Hiragino%20Sans%20GB'%2C'Helvetica%20Neue'%2CHelvetica%2CArial%2CSans-serif%7D.zu-top%2C.zu-footer%2C.zu-main-sidebar%2C.zm-tag-editor%2C.zu-edit-button%2C.zm-editable-tip%2C.zm-item-link-avatar%2C.zm-item-vote-info%2C.zh-answers-title%2C.zh-backtotop%7Bdisplay%3Anone!important%7D.zu-main-content-inner%7Bmargin%3A0%20120px!important%7D.zu-question-my-bio%7Bfont-weight%3A100%3Bcolor%3A%23BBB%7D.zm-item-title%7Bfont-size%3A24px!important%7D%23zh-question-detail%7Bcolor%3A%23999%7D.zm-item-answer%20.zm-item-rich-text%7Bpadding%3A20px%200%2050px%7D.answer-head%7Bpadding-top%3A20px%7D.zm-item-meta%7Bfont-size%3A12px%3Bopacity%3A0%7D.zm-item-answer%3Ahover%20.zm-item-meta%7Bopacity%3A1%7D.zm-votebar%7Bmargin-top%3A70px%7D%23lu-remove-style%7Bposition%3Afixed%3Btop%3A0%3Bright%3A40px%3Bbackground%3Ared%3Bcolor%3A%23FFF%3Bpadding%3A6px%2012px%7D%23lu-remove-style%3Ahover%7Btext-decoration%3Anone%7D%23zh-question-answer-wrap%2C.zm-item-answer-author-wrap%7Bfont-size%3A16px%7D%22%3Bhead.appendChild(style)%3Bvar%20removeStyle%20%3D%20document.createElement('a')%3BremoveStyle.href%20%3D%20'%23'%3BremoveStyle.onclick%20%3D%20function()%7Bhead.removeChild(style)%3B%7D%3BremoveStyle.id%20%3D%20'lu-remove-style'%3BremoveStyle.innerHTML%20%3D%20'%26%23215%3B'%3Bbody.appendChild(removeStyle)%7D)()&quot;&gt;Zhidability&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;/assets/images/zhidability.png&quot; alt=&quot;Zhidability&quot; /&gt;&lt;/p&gt;

&lt;p&gt;使用的时候别忘了知乎默认提供的 J K 快捷键。&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>Bob Marley</title>
   <link href="http://blog.fangming.li/2013/10/bob-marley.html"/>
   <updated>2013-10-09T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2013/10/bob-marley</id>
   <content type="html">&lt;p&gt;&lt;img src=&quot;/assets/images/bob-marley.jpg&quot; alt=&quot;Bob Marley&quot; /&gt;&lt;/p&gt;

&lt;p&gt;真难以想象这个音乐中充满博爱、信仰和宽容的人，生命只有短短的36岁。&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>Medium</title>
   <link href="http://blog.fangming.li/2013/09/medium.html"/>
   <updated>2013-09-18T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2013/09/medium</id>
   <content type="html">&lt;p&gt;&lt;a href=&quot;http://medium.com&quot;&gt;Medium&lt;/a&gt; 是 Evan Williams 创办的高质量阅读和写作平台，Evan Williams 也是 Blogger 的创始人，Twitter 的联合创始人。&lt;/p&gt;

&lt;p&gt;我为什么觉得 Medium 是一个右脑产品，因为 Medium 彻底抛开功能堆砌，最大可能的关注高质量内容的阅读和写作。新用户注册到 Medium 后，不需要架设空间，不需要配置域名，没有个性化模板，没有任何设置，能做的就只有写作和阅读。如果一个人真心想找一个地方安心写文章的话，可以说 Medium 是非常合适的一个选择。&lt;/p&gt;

&lt;!--more--&gt;

&lt;p&gt;日本有一家以关注本质著称的设计公司，Information Architects Inc，他们有一款在 Mac 和 iOS 上屡获大奖的产品，iA Writer。在 Medium 上写作，有点儿类似 iA Writer，或者 Sublime Text 的 Destraction Free Mode，在 Medium 的编辑页面里，没有什么编辑器、工具条，整个空间都只为一件事儿服务，就是写作。&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;/assets/images/medium.png&quot; alt=&quot;Medium&quot; /&gt;&lt;br /&gt;
&lt;em&gt;(Medium 的编辑页面)&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;/assets/images/ia-writer.jpg&quot; alt=&quot;iA Writer&quot; /&gt;&lt;br /&gt;
&lt;em&gt;(iA Writer)&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;这是一种沉浸式的写作体验，还容易联想到一个写作者在深夜的灯下安静地敲着键盘的场景，没有什么其他乱七八糟的工具和按钮来扰乱思绪。&lt;/p&gt;

&lt;p&gt;#####创新的编辑器&lt;/p&gt;

&lt;p&gt;Medium 支持文章的格式调整，但正如它的设计初衷，它对格式的支持有限。撰写过程中，选中一段文本会弹出一组小工具，里面有简单的格式选择，标题、引用，加链接之类。Medium 严格地控制了编辑器，导致所有人发出来的文章在格式上几乎是没有差别的，也就是说，用户根本不用操心排版的事儿，只关心内容，这才是写作的本质。&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;/assets/images/medium-editor.png&quot; alt=&quot;Medium 编辑模式&quot; /&gt;&lt;/p&gt;

&lt;p&gt;为什么一个功能不全的编辑页面能够生存？如果大家使用过 Readability，或者 Safari 的 Reader 模式，慢慢的就会依赖上这些服务，几乎看每篇文章时都会用这些服务，看到乱七八糟花里胡哨的文章就会不舒服。差不多可以这么说，阅读的本质也是内容，排版仅是提升阅读体验，提高可读性的一种手法，而这种手法不是每个写作者都能掌握的。而 Medium 做的就是帮助写作者尽可能的把排版这件事儿变简单，我给你提供仅有的几个方案，凡是我提供的方案，都是精心斟酌的，除此之外，你没有其他选择。得益于 Medium 对排版的研究和控制，在 Medium 上阅读文章，根本不用 Readability 或者 Safari Reader，一切文章的格式都是 OK 的。&lt;/p&gt;

&lt;p&gt;Medium 可以方便的在文章中插入图片，插入的图片有四种排版方式，可以实现简单的图文混排。所有的图片上传和排版都是所见即所得。&lt;/p&gt;

&lt;p&gt;也就是说，在看似一张白纸的编辑页面上，Medium 做了大量工作，而这些工作在没有使用的时候不易觉察，是「勿扰」的。Medium 中没有在段落间插入横线的按钮，但是连续敲两个回车后，会发现自动出来一条横线，这是真正为写作者考虑，想之所想，写作者在真正用到的时候觉得非常贴心。这实际上用左脑做了工作来保证右脑的体验，如果少了这些工作，只给用户一个 Textarea，那右脑肯定是不满意的。&lt;/p&gt;

&lt;p&gt;####文章的注解（笔记）&lt;/p&gt;

&lt;p&gt;与 Medium 的注解相比，传统文章尾部连篇累牍的评论形式弱爆了。&lt;/p&gt;

&lt;p&gt;Medium 可以在每段文字的右侧插入注解，无论是写作过程中还是在阅读过程中。我认为这也是一个典型的右脑特性。在看一本书的时候想添加批注，不会把批注写在书的最后一页，而是就近写在一侧的空白处。在 Medium 上阅读文章也是一样，在阅读的过程中有话想说，点右侧的加号就好。&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;/assets/images/medium-notes.png&quot; alt=&quot;Medium Notes&quot; /&gt;&lt;/p&gt;

&lt;p&gt;注解不会默认显示出来，阅读的时候，如果某段文字有注解，右侧仅会显示一个数字，这又回归到 Medium 尊重内容的初衷。注解可以回复，这也是 Medium 少有的社交元素之一。&lt;/p&gt;

&lt;p&gt;####文章的发布、发现与组织&lt;/p&gt;

&lt;p&gt;Medium 中重要的文章组织形式是 Collection，Collection 可以是开放的，也可以是邀请制的，一个 Collection 可以看做是一个「专题」，虽然用户也可以不把文章发布在任何 Collection，但实际上，在 Medium 中不属于任何 Collection 的文章很难被发现，因为在 Medium 中不能关注个人，只能关注 Collection，这体现了 Medium 的媒体特性。&lt;/p&gt;

&lt;p&gt;总结一下，Medium 为阅读和写作而生，尊重高质量内容，第一感觉非常简单，但是从产品的设计，规则的创建，功能的取舍，用技术手段保证优秀的体验等方面，又有左脑的考虑。它不是一个松散的、放任的空间，而是有想法、有价值的服务。Evan Williams 用 Blogger 让人开始写作，用 140 个字的 Twitter 让写作变得更没有门槛，但正如他所说，太多人关注写作的行为，却忽视了写作的本质。&lt;/p&gt;

&lt;p&gt;中文类似的产品&lt;a href=&quot;http://jianshu.io&quot;&gt;简书&lt;/a&gt;，不过简书并没有使用 Medium 招牌的编辑器而是采用 Markdown 格式撰写文章。&lt;/p&gt;

&lt;p&gt;&lt;a href=&quot;http://sofish.de/&quot;&gt;Sofish&lt;/a&gt; 发布在 Github 的 &lt;a href=&quot;https://github.com/sofish/pen&quot;&gt;Pen Editor&lt;/a&gt;，既有类似于 Medium 的编辑形式，同时又支持 Markdown。&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>李宗盛</title>
   <link href="http://blog.fangming.li/2013/08/lee-tsung-sheng.html"/>
   <updated>2013-08-26T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2013/08/lee-tsung-sheng</id>
   <content type="html">&lt;blockquote&gt;
  &lt;p&gt;重剑无锋，大巧不工。&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Source: &lt;a href=&quot;http://zhi.hu/VAIY&quot;&gt;知乎&lt;/a&gt;&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>Frontend Weekly</title>
   <link href="http://blog.fangming.li/2013/08/frontend-weekly.html"/>
   <updated>2013-08-23T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2013/08/frontend-weekly</id>
   <content type="html">&lt;p&gt;##Website&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;
    &lt;p&gt;&lt;strong&gt;&lt;a href=&quot;http://randomuser.me&quot;&gt;Randomuser&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

    &lt;p&gt;Randomuser 是一个生成随机假用户数据的网站。网站会生成一段 Json 格式
的用户数据，包括姓名、头像、邮箱地址等。&lt;/p&gt;
  &lt;/li&gt;
  &lt;li&gt;
    &lt;p&gt;&lt;strong&gt;&lt;a href=&quot;http://justmytype.co&quot;&gt;Justmytype&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

    &lt;p&gt;Justmytype 从 Typokit 和 H&amp;amp;FJ 中选出优秀的字体，进行标题正文实例搭配。&lt;/p&gt;
  &lt;/li&gt;
  &lt;li&gt;
    &lt;p&gt;&lt;strong&gt;&lt;a href=&quot;http://tridiv.com&quot;&gt;Tridiv&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

    &lt;p&gt;在线 CSS 3D 图形编辑器。&lt;/p&gt;
  &lt;/li&gt;
  &lt;li&gt;
    &lt;p&gt;&lt;strong&gt;&lt;a href=&quot;http://devdocs.io&quot;&gt;devdocs.io&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

    &lt;p&gt;内容较全的前端手册，包括 CSS、HTML、Javascript 等，格式清晰，查询方便。&lt;/p&gt;
  &lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;##Applicatons&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;
    &lt;p&gt;&lt;strong&gt;&lt;a href=&quot;http://xpressive.org&quot;&gt;Xpressive&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

    &lt;p&gt;可视化的 CSS 3 设计工具&lt;/p&gt;
  &lt;/li&gt;
&lt;/ul&gt;
</content>
 </entry>
 
 <entry>
   <title>向 Dieter Rams 致敬</title>
   <link href="http://blog.fangming.li/2013/07/dieter-rams-tribute-posters.html"/>
   <updated>2013-07-16T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2013/07/dieter-rams-tribute-posters</id>
   <content type="html">&lt;p&gt;一组向 &lt;a href=&quot;http://zh.wikipedia.org/wiki/迪特·拉姆斯&quot;&gt;Dieter Rams&lt;/a&gt; 致敬的海报。&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;http://behance.vo.llnwd.net/profiles5/218477/projects/9841893/1b1afb11d8b7de2b0dd6a4fa00413ef8.png&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;!--more--&gt;

&lt;p&gt;&lt;img src=&quot;http://behance.vo.llnwd.net/profiles5/218477/projects/9841893/140fd5d8ec10cee6d427834e68b21a42.png&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;http://behance.vo.llnwd.net/profiles5/218477/projects/9841893/b1e126b5e2cddb23b25b31f1726c20c3.png&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;http://behance.vo.llnwd.net/profiles5/218477/projects/9841893/3738ca1390806805ace9f0e905b67ec1.png&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;p&gt;Weniger, aber besser.&lt;/p&gt;

&lt;p&gt;Source: &lt;a href=&quot;http://www.behance.net/gallery/Dieter-Rams-Tribute-Posters/9841893&quot;&gt;behance.net&lt;/a&gt;&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>Addison Timlin</title>
   <link href="http://blog.fangming.li/2013/07/addison-timlin.html"/>
   <updated>2013-07-16T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2013/07/addison-timlin</id>
   <content type="html">&lt;p&gt;91年的姑娘，在 Al Pacino 的《Stand Up Guys》中饰演 Christopher Walken 的孙女，餐厅服务员。&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;/assets/images/addison-timlin-02.jpg&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;!--more--&gt;

&lt;p&gt;&lt;img src=&quot;/assets/images/addison-timlin-01.jpg&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;/assets/images/addison-timlin-03.jpg&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;p&gt;另，在《加州靡情 Californication》第四季中有裸胸出境。&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>李宗盛 - 山丘</title>
   <link href="http://blog.fangming.li/2013/07/lee-tsung-sheng-shan-qiu.html"/>
   <updated>2013-07-08T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2013/07/lee-tsung-sheng-shan-qiu</id>
   <content type="html">&lt;script type=&quot;text/javascript&quot; src=&quot;http://www.xiami.com/widget/player-single?uid=0&amp;amp;sid=1772001102&amp;amp;mode=js&quot;&gt;&lt;/script&gt;

&lt;blockquote&gt;
  &lt;p&gt;想说却还没说的 还很多&lt;/p&gt;
&lt;/blockquote&gt;

&lt;blockquote&gt;
  &lt;p&gt;攒着是因为想写成歌&lt;/p&gt;
&lt;/blockquote&gt;

&lt;blockquote&gt;
  &lt;p&gt;让人轻轻地唱着 淡淡地记着&lt;/p&gt;
&lt;/blockquote&gt;

&lt;blockquote&gt;
  &lt;p&gt;就算终于忘了 也值了&lt;/p&gt;
&lt;/blockquote&gt;

&lt;!--break--&gt;

&lt;blockquote&gt;
  &lt;p&gt;说不定我一生涓滴意念&lt;/p&gt;
&lt;/blockquote&gt;

&lt;blockquote&gt;
  &lt;p&gt;侥幸汇成河&lt;/p&gt;
&lt;/blockquote&gt;

&lt;blockquote&gt;
  &lt;p&gt;然后我俩各自一端&lt;/p&gt;
&lt;/blockquote&gt;

&lt;blockquote&gt;
  &lt;p&gt;望着大河弯弯 终于敢放胆&lt;/p&gt;
&lt;/blockquote&gt;

&lt;blockquote&gt;
  &lt;p&gt;嘻皮笑脸 面对 人生的难&lt;/p&gt;
&lt;/blockquote&gt;

&lt;!--more--&gt;

&lt;blockquote&gt;
  &lt;p&gt;也许我们从未成熟&lt;/p&gt;
&lt;/blockquote&gt;

&lt;blockquote&gt;
  &lt;p&gt;还没能晓得 就快要老了&lt;/p&gt;
&lt;/blockquote&gt;

&lt;blockquote&gt;
  &lt;p&gt;尽管心里活着的还是那个年轻人&lt;/p&gt;
&lt;/blockquote&gt;

&lt;blockquote&gt;
  &lt;p&gt;因为不安而频频回首&lt;/p&gt;
&lt;/blockquote&gt;

&lt;blockquote&gt;
  &lt;p&gt;无知地索求 羞耻于求救&lt;/p&gt;
&lt;/blockquote&gt;

&lt;blockquote&gt;
  &lt;p&gt;不知疲倦地翻越 每一个山丘&lt;/p&gt;
&lt;/blockquote&gt;

&lt;!--break--&gt;

&lt;blockquote&gt;
  &lt;p&gt;越过山丘 虽然已白了头&lt;/p&gt;
&lt;/blockquote&gt;

&lt;blockquote&gt;
  &lt;p&gt;喋喋不休 时不我予的哀愁&lt;/p&gt;
&lt;/blockquote&gt;

&lt;blockquote&gt;
  &lt;p&gt;还未如愿见着不朽&lt;/p&gt;
&lt;/blockquote&gt;

&lt;blockquote&gt;
  &lt;p&gt;就把自己先搞丢&lt;/p&gt;
&lt;/blockquote&gt;

&lt;!--break--&gt;

&lt;blockquote&gt;
  &lt;p&gt;越过山丘 才发现无人等候&lt;/p&gt;
&lt;/blockquote&gt;

&lt;blockquote&gt;
  &lt;p&gt;喋喋不休 再也唤不回温柔&lt;/p&gt;
&lt;/blockquote&gt;

&lt;blockquote&gt;
  &lt;p&gt;为何记不得上一次是谁给的拥抱&lt;/p&gt;
&lt;/blockquote&gt;

&lt;blockquote&gt;
  &lt;p&gt;在什么时候&lt;/p&gt;
&lt;/blockquote&gt;

&lt;!--break--&gt;

&lt;blockquote&gt;
  &lt;p&gt;我没有刻意隐藏 也无意让你感伤&lt;/p&gt;
&lt;/blockquote&gt;

&lt;blockquote&gt;
  &lt;p&gt;多少次我们无醉不欢&lt;/p&gt;
&lt;/blockquote&gt;

&lt;blockquote&gt;
  &lt;p&gt;咒骂人生太短 唏嘘相见恨晚&lt;/p&gt;
&lt;/blockquote&gt;

&lt;blockquote&gt;
  &lt;p&gt;让女人把妆哭花了 也不管&lt;/p&gt;
&lt;/blockquote&gt;

&lt;!--break--&gt;

&lt;blockquote&gt;
  &lt;p&gt;遗憾我们从未成熟&lt;/p&gt;
&lt;/blockquote&gt;

&lt;blockquote&gt;
  &lt;p&gt;还没能晓得 就已经老了&lt;/p&gt;
&lt;/blockquote&gt;

&lt;blockquote&gt;
  &lt;p&gt;尽力却仍不明白&lt;/p&gt;
&lt;/blockquote&gt;

&lt;blockquote&gt;
  &lt;p&gt;身边的年轻人&lt;/p&gt;
&lt;/blockquote&gt;

&lt;blockquote&gt;
  &lt;p&gt;给自己随便找个理由&lt;/p&gt;
&lt;/blockquote&gt;

&lt;blockquote&gt;
  &lt;p&gt;向情爱的挑逗 命运的左右&lt;/p&gt;
&lt;/blockquote&gt;

&lt;blockquote&gt;
  &lt;p&gt;不自量力地还手 直至死方休&lt;/p&gt;
&lt;/blockquote&gt;

&lt;!--break--&gt;

&lt;blockquote&gt;
  &lt;p&gt;越过山丘 虽然已白了头&lt;/p&gt;
&lt;/blockquote&gt;

&lt;blockquote&gt;
  &lt;p&gt;喋喋不休 时不我予的哀愁&lt;/p&gt;
&lt;/blockquote&gt;

&lt;blockquote&gt;
  &lt;p&gt;还未如愿见着不朽&lt;/p&gt;
&lt;/blockquote&gt;

&lt;blockquote&gt;
  &lt;p&gt;就把自己先搞丢&lt;/p&gt;
&lt;/blockquote&gt;

&lt;!--break--&gt;

&lt;blockquote&gt;
  &lt;p&gt;越过山丘 才发现无人等候&lt;/p&gt;
&lt;/blockquote&gt;

&lt;blockquote&gt;
  &lt;p&gt;喋喋不休 再也唤不回了温柔&lt;/p&gt;
&lt;/blockquote&gt;

&lt;blockquote&gt;
  &lt;p&gt;为何记不得上一次是谁给的拥抱&lt;/p&gt;
&lt;/blockquote&gt;

&lt;blockquote&gt;
  &lt;p&gt;在什么时候&lt;/p&gt;
&lt;/blockquote&gt;

&lt;!--break--&gt;

&lt;blockquote&gt;
  &lt;p&gt;越过山丘 虽然已白了头&lt;/p&gt;
&lt;/blockquote&gt;

&lt;blockquote&gt;
  &lt;p&gt;喋喋不休 时不我予的哀愁&lt;/p&gt;
&lt;/blockquote&gt;

&lt;blockquote&gt;
  &lt;p&gt;还未如愿见着不朽&lt;/p&gt;
&lt;/blockquote&gt;

&lt;blockquote&gt;
  &lt;p&gt;就把自己先搞丢&lt;/p&gt;
&lt;/blockquote&gt;

&lt;!--break--&gt;

&lt;blockquote&gt;
  &lt;p&gt;越过山丘 才发现无人等候&lt;/p&gt;
&lt;/blockquote&gt;

&lt;blockquote&gt;
  &lt;p&gt;喋喋不休 再也唤不回了温柔&lt;/p&gt;
&lt;/blockquote&gt;

&lt;blockquote&gt;
  &lt;p&gt;为何记不得上一次是谁给的拥抱&lt;/p&gt;
&lt;/blockquote&gt;

&lt;blockquote&gt;
  &lt;p&gt;在什么时候&lt;/p&gt;
&lt;/blockquote&gt;

&lt;!--break--&gt;

&lt;blockquote&gt;
  &lt;p&gt;喋喋不休 时不我予的哀愁&lt;/p&gt;
&lt;/blockquote&gt;

&lt;blockquote&gt;
  &lt;p&gt;向情爱的挑逗 命运的左右&lt;/p&gt;
&lt;/blockquote&gt;

&lt;blockquote&gt;
  &lt;p&gt;不自量力地还手 直至死方休&lt;/p&gt;
&lt;/blockquote&gt;

&lt;blockquote&gt;
  &lt;p&gt;为何记不得上一次是谁给的拥抱&lt;/p&gt;
&lt;/blockquote&gt;

&lt;blockquote&gt;
  &lt;p&gt;在什么时候&lt;/p&gt;
&lt;/blockquote&gt;
</content>
 </entry>
 
 <entry>
   <title>Mary Elizabeth Winstead</title>
   <link href="http://blog.fangming.li/2013/06/mary-elizabeth-winstead.html"/>
   <updated>2013-06-13T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2013/06/mary-elizabeth-winstead</id>
   <content type="html">&lt;p&gt;Mary Elizabeth Winstead，《Death Proof》中的啦啦队女孩，《Die Hard 4》中 Bruce Willis 的女儿，最近在《Die Hard 5》中胖得像变了一个人，完全没法看了。&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;/assets/images/mary-elizabeth-winstead-01.jpg&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;!--more--&gt;

&lt;p&gt;&lt;img src=&quot;/assets/images/mary-elizabeth-winstead-02.jpg&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;/assets/images/mary-elizabeth-winstead-03.jpg&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;/assets/images/mary-elizabeth-winstead-04.jpg&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;/assets/images/mary-elizabeth-winstead-05.jpg&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;/assets/images/mary-elizabeth-winstead-06.jpg&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>iOS 7</title>
   <link href="http://blog.fangming.li/2013/06/ios-7.html"/>
   <updated>2013-06-11T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2013/06/ios-7</id>
   <content type="html">&lt;p&gt;虽然只是 beta 版，但 iOS 7 给人的第一印象还是太差了。&lt;/p&gt;

&lt;p&gt;各种崩溃就不说了，经常出现的 UI 错位，视觉不统一、莫名其妙的不对齐、纠结的对比度都让人大跌眼镜。全新的绘制的 Icon 大多粗劣丑陋，Settings 应用的那个齿轮，尖锐又繁琐，Reminders 更是跟初学者的习作一般。&lt;/p&gt;

&lt;p&gt;锁屏界面，换壁纸必须要小心，否则有可能连时间都看不清。锁屏状态下的充电提示能吓人一跳。&lt;/p&gt;

&lt;p&gt;Topbar 的一堆小 Icon，之前版本中，每个 Icon 在视觉上都是均等的，iOS 7 中实在没法看，运营商信号强度的标识，你没事儿改它干啥啊！&lt;/p&gt;

&lt;p&gt;不要提 Control Center 和应用文件夹，杀了我吧。&lt;/p&gt;

&lt;p&gt;乔布斯如果在世，看到这样的产品出现，应该会掀掉屋顶吧。&lt;/p&gt;

&lt;p&gt;Ive 大神的一世英名，难道只能搞工业设计吗。&lt;/p&gt;

&lt;p&gt;倒是 Mac Pro，可以说是一个亮点。&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>小尚</title>
   <link href="http://blog.fangming.li/2013/04/laure-shang.html"/>
   <updated>2013-04-15T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2013/04/laure-shang</id>
   <content type="html">&lt;p&gt;&lt;img src=&quot;/assets/images/laure-shang.jpg&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;p&gt;虽然尚雯婕是2006年选秀出来的，但我第一次知道她是通过《我是歌手》节目。第一场她唱了一首歌叫《最终信仰 the Faith》，自我介绍的时候她自称为“独立电子音乐唱作人”，我不知道这个唱作人是啥概念，认为这是些提升B格的小噱头而已。等她完整地唱完，我觉得歌儿很棒，甚至说“震撼”也不夸张，更关键的是范儿很正。&lt;/p&gt;

&lt;!--more--&gt;

&lt;p&gt;随着《我是歌手》的每一场演出，对尚雯婕的关注也越来越多，可以说除了《Super Star》，她的每场演唱都是成功的，虽然我知道她不太可能夺冠，但在国内乐坛中，敢于坚持自己的风格，唱自己的歌，需要极大的勇气，从中可以看到她对音乐的野心和追求。&lt;/p&gt;

&lt;p&gt;周末特意找了一些尚雯婕的歌来听，《In》、《Fashion Icon》、《Nightmare 魔》这几张专辑都值得称赞。特别是她最近的几张专辑，整体性都很好。她毫不掩饰自己独特的声音，在同一张专辑中国语粤语法语英语信手拈来，感觉非常过瘾。&lt;/p&gt;

&lt;p&gt;有才，有感觉，有野心，有范儿，尚雯婕是未来之星。&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>通过 iTunes 地址获取全尺寸的 App Icon</title>
   <link href="http://blog.fangming.li/2013/01/get-full-size-app-icon-from-itunes-link.html"/>
   <updated>2013-01-31T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2013/01/get-full-size-app-icon-from-itunes-link</id>
   <content type="html">&lt;p&gt;&lt;img src=&quot;/assets/images/submit-icoicon.png&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href=&quot;http://submit.icoicon.com&quot;&gt;http://submit.icoicon.com&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;做了个小工具，可以方便的通过 iOS App 的 iTunes 链接来获得全尺寸的 App Icon，很多都是 1024px 的。&lt;/p&gt;

&lt;p&gt;同时欢迎使用这个工具推荐不错的 Icon 到 &lt;a href=&quot;http://icoicon.com&quot;&gt;icoicon.com&lt;/a&gt;&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>icoicon.com</title>
   <link href="http://blog.fangming.li/2013/01/icoicon.html"/>
   <updated>2013-01-28T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2013/01/icoicon</id>
   <content type="html">&lt;p&gt;有一个 &lt;a href=&quot;http://icoicon.com&quot;&gt;icoicon.com&lt;/a&gt; 域名一直闲置，手头收藏了一些不错的 iOS App icons，干脆做了一个垃圾站把这些收藏分享出来。&lt;/p&gt;

&lt;p&gt;实现的思路基本是这样的，把图标文件都放在 &lt;a href=&quot;http://www.dropbox.com&quot;&gt;Dropbox&lt;/a&gt; 指定目录下，然后在 &lt;a href=&quot;http://ifttt.com&quot;&gt;IFTTT&lt;/a&gt; 上建了一个任务来监测这个目录，当目录中有新文件时，自动把它发布到 &lt;a href=&quot;http://tumblr.com&quot;&gt;Tumblr&lt;/a&gt;。&lt;/p&gt;

&lt;p&gt;这样以后再遇到新的不错的 icon，直接把它存到 dropbox 的这个目录，就会自动更新到 &lt;a href=&quot;http://icoicon.com&quot;&gt;icoicon.com&lt;/a&gt; 了，既收藏，又分享。&lt;/p&gt;

&lt;p&gt;同时，在改模板的时候，需要用到一些图片文件，干脆也用 Dropbox + &lt;a href=&quot;http://get.drapache.com&quot;&gt;Drapache&lt;/a&gt;
 存放了，这样整个网站一点儿也没有用自己的 Host，整个过程差不多一个晚上搞定。&lt;/p&gt;

&lt;p&gt;欢迎收藏  &lt;a href=&quot;http://icoicon.com&quot;&gt;icoicon.com&lt;/a&gt; :D&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>Kumi Yamashita 的阴影艺术</title>
   <link href="http://blog.fangming.li/2013/01/shadow-art-by-kumi-yamashita.html"/>
   <updated>2013-01-19T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2013/01/shadow-art-by-kumi-yamashita</id>
   <content type="html">&lt;p&gt;日本艺术家 Kumi Yamashita 作品。&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;/assets/images/kumi-yamashita-01.jpg&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;!--more--&gt;

&lt;p&gt;&lt;img src=&quot;/assets/images/kumi-yamashita-02.jpg&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;/assets/images/kumi-yamashita-03.jpg&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;/assets/images/kumi-yamashita-04.jpg&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;/assets/images/kumi-yamashita-05.jpg&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;/assets/images/kumi-yamashita-06.jpg&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href=&quot;http://www.kumiyamashita.com&quot;&gt;http://kumiyamashita.com&lt;/a&gt;&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>The Fingerings of Judith Braun</title>
   <link href="http://blog.fangming.li/2012/10/the-fingerings-of-judith-braun.html"/>
   <updated>2012-10-31T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2012/10/the-fingerings-of-judith-braun</id>
   <content type="html">&lt;p&gt;纽约艺术家 Judith Braun，他的作品就是用手指在墙上涂抹。&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;/assets/images/judith-braun-01.jpg&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;!--more--&gt;

&lt;p&gt;&lt;img src=&quot;/assets/images/judith-braun-02.jpg&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;/assets/images/judith-braun-03.jpg&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;/assets/images/judith-braun-04.jpg&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;/assets/images/judith-braun-05.jpg&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;/assets/images/judith-braun-06.jpg&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;/assets/images/judith-braun-07.jpg&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href=&quot;http://judithannbraun.com&quot;&gt;http://judithannbraun.com&lt;/a&gt;&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>一个阶层的光荣与梦想</title>
   <link href="http://blog.fangming.li/2012/09/the-glory-and-the-dream-of-a-class.html"/>
   <updated>2012-09-21T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2012/09/the-glory-and-the-dream-of-a-class</id>
   <content type="html">&lt;p&gt;推荐傅国涌先生的《&lt;a href=&quot;http://blog.sina.com.cn/s/blog_77795fde01016530.html&quot;&gt;一个阶层的光荣与梦想&lt;/a&gt;》，长知识，长见识。&lt;/p&gt;

&lt;p&gt;讲张謇与南通：&lt;/p&gt;

&lt;blockquote&gt;
  &lt;p&gt;他做了很多领天下风气之先的事。他真的是以一家企业之力大办社会事业，耗尽了一生的精力，也耗尽了企业的积累，最后留给子女的几乎一无所有。仅他亲手创办的学校，就囊括幼儿、小学、高小、师范学校、女红传习所、商业学校、纺织学校、医学专门学校、农业学校。当他谢世之前，小小的南通拥有300多家小学，全国没有这样一个地方。……他没有这么多钱，依靠他的影响力，募集社会资本。他把一生所有的钱都放在这些事业上。我称之为“南通模式”，一个企业家通过创办企业成功带动社会经济全面发展的一种模式，张謇立下了一个标杆，为同时代的人所模仿，后来的人所景仰。&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;讲卢作孚的民生公司：&lt;/p&gt;

&lt;blockquote&gt;
  &lt;p&gt;民生公司在宜昌大撤退及整个抗战中牺牲巨大。有9只轮船被炸沉、6只被炸坏，包括最大的“民元轮”。政府征用阻塞水道5只，2028吨；自行凿沉和敌机炸毁等16只，11460吨；军公运输受损失5只，4188吨；被日寇劫持5只，2662吨，不含趸船和驳船，仅损失轮船20338吨，船员牺牲117人，伤残76人。 这是民生公司以一家民营企业承担起来的责任与牺牲。我们今天无法理解，一个具有人格魅力的人，为一个国家生死存亡有过巨大贡献的人，1953年，离抗战胜利仅仅八年，被迫吃下了两瓶安眠药。&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;全文链接：&lt;a href=&quot;http://blog.sina.com.cn/s/blog_77795fde01016530.html&quot;&gt;http://blog.sina…6530.html&lt;/a&gt;&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>RIP Neil Armstrong</title>
   <link href="http://blog.fangming.li/2012/08/rip-neil-armstrong.html"/>
   <updated>2012-08-27T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2012/08/rip-neil-armstrong</id>
   <content type="html">&lt;p&gt;&lt;img src=&quot;http://d24w6bsrhbeh9d.cloudfront.net/photo/5182112_700b.jpg&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;p&gt;via: &lt;a href=&quot;http://9gag.com/gag/5182112&quot;&gt;http://9gag.com/gag/5182112&lt;/a&gt;&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>Marion Cotillard</title>
   <link href="http://blog.fangming.li/2012/08/marion-cotillard.html"/>
   <updated>2012-08-24T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2012/08/marion-cotillard</id>
   <content type="html">&lt;p&gt;法国女星 Marion Cotillard，最早在《&lt;a href=&quot;http://movie.douban.com/subject/1294262/&quot;&gt;的士速逮&lt;/a&gt;》中看到，最近重看《&lt;a href=&quot;http://movie.douban.com/subject/3541415/&quot;&gt;盗梦空间&lt;/a&gt;》，她在其中扮演迪卡普里奥的妻子。&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;/assets/images/marion-cotillard-02.jpg&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;!--more--&gt;

&lt;p&gt;&lt;img src=&quot;/assets/images/marion-cotillard-01.jpg&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;/assets/images/marion-cotillard-03.jpg&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;/assets/images/marion-cotillard-04.jpg&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>Webinterfacelab Uicloud</title>
   <link href="http://blog.fangming.li/2012/08/webinterfacelab-uicloud.html"/>
   <updated>2012-08-23T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2012/08/webinterfacelab-uicloud</id>
   <content type="html">&lt;p&gt;###&lt;a href=&quot;http://www.webinterfacelab.com&quot;&gt;WebInterfaceLab&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;CSS3 Code Snippets &amp;amp; Resources for Web Developers.&lt;/p&gt;

&lt;p&gt;###&lt;a href=&quot;http://ui-cloud.com&quot;&gt;UICloud&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;User Interface Design Search Engine.&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>Gal Gadot</title>
   <link href="http://blog.fangming.li/2012/08/gal-gadot.html"/>
   <updated>2012-08-23T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2012/08/gal-gadot</id>
   <content type="html">&lt;p&gt;Gal Gadot, &lt;a href=&quot;http://movie.douban.com/subject/4286017/&quot;&gt;《速度与激情》&lt;/a&gt; 中的长腿美女。&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;/assets/images/gal-gadot-03.jpg&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;!--more--&gt;

&lt;p&gt;&lt;img src=&quot;/assets/images/gal-gadot-02.jpg&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;/assets/images/gal-gadot-01.jpg&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>乌兰布统</title>
   <link href="http://blog.fangming.li/2012/08/ulan-buh.html"/>
   <updated>2012-08-09T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2012/08/ulan-buh</id>
   <content type="html">&lt;p&gt;上周末我们去了塞罕坝－乌兰布统，第一次感受草原，在如此壮观的风景面前，任何语言都是多余的。在蓝天绿草的配合下，“苍茫的天涯是我的爱”这样的神曲也愈发动人了。&lt;/p&gt;

&lt;p&gt;空旷。目之所及皆是 Windows 桌面，云的影子投射在大地上，即使你站着不动，风景也在不断变换。纯净的天空下一望无际的草原，草原上又被花、草、树分割出不同的色块，如此巨大的视野在其他地方绝难感受到。&lt;/p&gt;

&lt;p&gt;基本上，来这里骑马滑草还是吃烤羊都有些形式主义，只有风景让人感到不虚此行。&lt;/p&gt;

&lt;p&gt;遗憾的是，在大部分的国内旅游区，你可以和风景打交道，可以和建筑打交道，可以和历史打交道，但是和人打交道的时候还是略有不爽。一般来说，景区工作人员的脸上永远写着“你是傻逼，我要骗你”，即使以豪放好客著称的草原人民也未能免俗。&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;http://farm9.staticflickr.com/8434/7733279380_3c2f555b01.jpg&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;!--more--&gt;

&lt;p&gt;&lt;img src=&quot;http://farm8.staticflickr.com/7271/7733313492_18a6f804b9.jpg&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;http://farm9.staticflickr.com/8430/7733322194_db2ff5e3a5.jpg&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;http://farm8.staticflickr.com/7121/7733401270_75023bcd4c.jpg&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;p&gt;更多图片 &lt;a href=&quot;http://www.flickr.com/photos/lushnis/sets/72157630954741464/detail/&quot;&gt;Flickr »&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;伤感版请见 &lt;a href=&quot;http://www.impony.com/?p=680&quot;&gt;imPony »&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;吃货版请见 &lt;a href=&quot;http://user.qzone.qq.com/36554084/blog/1344328595#!app=2&amp;amp;via=QZ.HashRefresh&amp;amp;pos=1344328595&quot;&gt;marmot »&lt;/a&gt;&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>Aifont</title>
   <link href="http://blog.fangming.li/2012/07/aifont.html"/>
   <updated>2012-07-04T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2012/07/aifont</id>
   <content type="html">&lt;p&gt;###&lt;a href=&quot;http://www.aifont.com&quot;&gt;http://www.aifont.com&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;字体鉴赏，设计交流。&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>韩国见闻</title>
   <link href="http://blog.fangming.li/2012/07/korea.html"/>
   <updated>2012-07-01T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2012/07/korea</id>
   <content type="html">&lt;p&gt;上周，我的护照终于被盖上了第一个章。若不是公司同事统一组织的行动，我没有想过第一次出国旅游会选在&lt;a href=&quot;http://www.flickr.com/photos/lushnis/sets/72157630327796104/&quot;&gt;韩国&lt;/a&gt;。由于是跟团，这几天走马观花，不可能全面的了解韩国，但毕竟是第一次来到一个陌生的国度，还是颇多感触。&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;韩国人吃不起肉吗？&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;从这几天的饮食来推测，恐怕不是。我们报的是一个十分便宜的团，但基本上仍然能做到每餐有肉，而且可以不够再加。在济州岛我们每天晚上都会聚众加餐，吃过一次烤肉，虽不是十分丰盛，但十个人无非十几万韩元，算下来每个人几十块人民币。这样的消费，韩国人日常还是应该能负担得起的。&lt;/p&gt;

&lt;p&gt;在电视剧上看到韩国人送礼会选择送牛肉，据导游说这是事实，我也在街头见到过这种肉店，看上去非常高档。因为韩国国产的牛肉要比进口牛肉贵，在养殖过程中，政府管理的非常严格，包括饲料都是政府统一发放，如果是这样的牛肉，贵一些也值得。&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;韩国人不开进口车吗？&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;不是绝对，但几乎可以这么说。在韩国街头见到最多的车是现代、起亚、三星。在济州岛的三天，见到的国外品牌的车子屈指可数。首尔进口车稍多一些，但多是奔驰之类的豪华车。偶尔会看到雪弗兰，应该是因为通用和大宇的关系。感觉韩国街头跑的车都很新很干净，很多人都不喜欢把新车车门处防撞的泡沫撕下来，导致看上去好多新车。&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;韩国妹子漂亮吗？&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;韩国妹子皮肤好，&lt;strong&gt;好很多&lt;/strong&gt;，会打扮而且出门必须化妆，所以看上去非常养眼。回国的时候从首都机场下了飞机，顿时感觉落差好大，我们的妹子对自己太不在意了。&lt;/p&gt;

&lt;p&gt;要说对韩国整体的感受，应该说这是一个发达的小国，他们的生活水平比我们高，他们的人民脸上洋溢着的笑容比我们要多一些。&lt;/p&gt;

&lt;p&gt;我也会嘲笑韩国人，但这种嘲笑有时毫无底气。导游说济州岛四面环海，污染最严重的是西边的黄海，我们只能默默的承认这一事实。在中国，进口的东西就是好的，就是贵的，而在韩国，我看到的是他们以“Made in Korea”为豪。导游提到他们的汉江，韩国人为了保护汉江水而不用洗衣粉，中国人正把垃圾污水一股脑儿往长江黄河里倒。导游也说到，来韩国玩，不要奢望见到中国那样的的名山大川，我私下以为，在阳光和空气都属于国家的中国，幅员再辽阔，物产再丰富，跟屁民又有半毛钱的关系吗？&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>不错和美好</title>
   <link href="http://blog.fangming.li/2012/05/Good-Apps.html"/>
   <updated>2012-05-09T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2012/05/Good-Apps</id>
   <content type="html">&lt;p&gt;最近在做移动端 App，安装了好多应用参阅，好坏各有，其中有的称得上“不错”，还有的可称得上“美好”。&lt;/p&gt;

&lt;p&gt;为什么会有“不错”和“美好”的区别？举个例子：一个适龄小伙儿，经人介绍，认识一个姑娘，两人相亲几次，彼此都觉得合适，然后谈婚论嫁，最后一起生活，这很“不错”。另一对儿，就如同上辈子的姻缘，机缘巧合相遇，渐生情愫，发展到相见恨晚，耳鬓厮磨，无话不谈，相伴一生，这就称得上“美好”。&lt;/p&gt;

&lt;p&gt;对一个产品来说，做到“不错”需要精致的 UI，流畅的交互，完善的功能，这些本已不容易了，但要做到“美好”就更为艰难，需要爱与禅意。&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>Hello Jekyll</title>
   <link href="http://blog.fangming.li/2012/03/Hello-Jekyll.html"/>
   <updated>2012-03-18T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2012/03/Hello-Jekyll</id>
   <content type="html">&lt;p&gt;Blog 系统换为 &lt;a href=&quot;https://github.com/mojombo/jekyll&quot;&gt;Jekyll&lt;/a&gt;，正如 &lt;a href=&quot;http://livid.v2ex.com/essays/2012/01/18/say-hello-to-jekyll/&quot;&gt;Livid&lt;/a&gt; 所说，在任何一个网页端写作，体验都是令人沮丧的。&lt;/p&gt;

&lt;p&gt;目前整个 Blog 的运作，包含以下几个关键字：Jekyll，&lt;a href=&quot;http://db.tt/AbTUZFF&quot;&gt;Dropbox&lt;/a&gt;，&lt;a href=&quot;http://daringfireball.net/projects/markdown/&quot;&gt;Markdown&lt;/a&gt;，Cron。&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;在服务器上安装 Dropbox，并与本地的 Dropbox 帐号共享指定目录；&lt;/li&gt;
  &lt;li&gt;本地使用 &lt;a href=&quot;http://mouapp.com/&quot;&gt;Mou.app&lt;/a&gt; 以 Markdown 格式写作，写完后存放于 Dropbox 的共享目录中，Dropbox 负责把这些内容同步到服务器；&lt;/li&gt;
  &lt;li&gt;服务器上开启一个 Cron 任务，自动运行 Jekyll 把写好的内容发布成网页；&lt;/li&gt;
&lt;/ul&gt;
</content>
 </entry>
 
 <entry>
   <title>窦唯</title>
   <link href="http://blog.fangming.li/2011/12/Dou-Wei.html"/>
   <updated>2011-12-12T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2011/12/Dou-Wei</id>
   <content type="html">&lt;blockquote&gt;
  &lt;p&gt;现世安稳，岁月静好。&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Source: &lt;a href=&quot;http://www.zhihu.com/question/19574354&quot;&gt;zhihu.com&lt;/a&gt;&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>Qrhacker</title>
   <link href="http://blog.fangming.li/2011/11/Qrhacker.html"/>
   <updated>2011-11-14T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2011/11/Qrhacker</id>
   <content type="html">&lt;p&gt;###&lt;a href=&quot;http://www.qrhacker.com&quot;&gt;http://www.qrhacker.com&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;在线制作可内嵌 Logo 的二维码图形。&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>Featureme</title>
   <link href="http://blog.fangming.li/2011/06/Featureme.html"/>
   <updated>2011-06-13T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2011/06/Featureme</id>
   <content type="html">&lt;p&gt;###&lt;a href=&quot;http://www.featureme.co.uk&quot;&gt;http://www.featureme.co.uk&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Creative blog ‘Feature Me’ collectively celebrates new up and coming artists and designers. We like to showcase designers work that is inspiring and puts a smile on your face.&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>个人网站字体设计</title>
   <link href="http://blog.fangming.li/2011/06/homepage-typography-design.html"/>
   <updated>2011-06-08T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2011/06/homepage-typography-design</id>
   <content type="html">&lt;p&gt;&lt;img src=&quot;http://fangming.li/wimgs/blog/lushnis-memorada.jpg&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>Simpledesktops</title>
   <link href="http://blog.fangming.li/2011/06/Simpledesktops.html"/>
   <updated>2011-06-07T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2011/06/Simpledesktops</id>
   <content type="html">&lt;p&gt;###&lt;a href=&quot;http://simpledesktops.com/&quot;&gt;http://simpledesktops.com/&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Shared by &lt;a href=&quot;https://twitter.com/utom&quot;&gt;Utom&lt;/a&gt;&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>Badge For Mixfog</title>
   <link href="http://blog.fangming.li/2011/06/Badge-for-mixfog.html"/>
   <updated>2011-06-02T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2011/06/Badge-for-mixfog</id>
   <content type="html">&lt;p&gt;&lt;img src=&quot;http://fangming.li/wimgs/blog/mixfog-badge.jpg&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>Chrome Icon</title>
   <link href="http://blog.fangming.li/2011/05/Chrome-icon.html"/>
   <updated>2011-05-20T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2011/05/Chrome-icon</id>
   <content type="html">&lt;p&gt;&lt;img src=&quot;http://fangming.li/wimgs/blog/chrome-icon.jpg&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;p&gt;Download link: &lt;a href=&quot;http://goo.gl/AiOsm&quot;&gt;http://goo.gl/AiOsm&lt;/a&gt;&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>豆瓣电台</title>
   <link href="http://blog.fangming.li/2010/03/Redesign-Douban-FM.html"/>
   <updated>2010-03-29T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2010/03/Redesign-Douban-FM</id>
   <content type="html">&lt;p&gt;&lt;a href=&quot;http://porkfat.cn/blog/re-design-of-douban-radio/&quot;&gt;PORKFAT&lt;/a&gt; 和 &lt;a href=&quot;http://www.lanrenux.com/?p=343&quot;&gt;懒人有禅&lt;/a&gt; 的 yusen 重新设计豆瓣电台的界面，我觉得 yusen 说得更进一步，深受启发，咱也做做：&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;li&gt;设置按钮没必要保留；&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;…厄，啥都没必要保留，还有啥好设计的！不过我以为电台是用来听的，不是用来点点戳戳的，我本地的音乐播放器很少有机会显示出自己的界面，它们都是通过快捷键被遥控的。&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;http://fangming.li/wimgs/blog/douban.fm.png&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>Kwestion</title>
   <link href="http://blog.fangming.li/2010/02/Design-interface-for-Kwestion.html"/>
   <updated>2010-02-03T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2010/02/Design-interface-for-Kwestion</id>
   <content type="html">&lt;p&gt;&lt;img src=&quot;http://fangming.li/wimgs/blog/kwestion_redesigned_by_lushnis.jpg&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href=&quot;http://code.google.com/p/kwestion/&quot;&gt;Kwestion&lt;/a&gt; 是 &lt;a href=&quot;https://twitter.com/whentp&quot;&gt;@whentp&lt;/a&gt; 同学开发的一款开源的 Twitter 客户端，该程序发挥了 Ajax 的特性，将一些操作用标签的形式展示和保存，别有新意。而且整个程序体积非常小。关于这个程序，可以到&lt;a href=&quot;http://code.google.com/p/kwestion/&quot;&gt;这个地址&lt;/a&gt;查看详细介绍或下载源代码。&lt;/p&gt;

&lt;p&gt;我昨晚在本机试用了一下这套程序，并尝试修改了一下它的样式，不难上手，于是有了这个东西：&lt;del&gt;http://t.mixfog.com&lt;/del&gt;。其实无非是更换了一个 60 行的 CSS 文件，其他地方改动甚少。&lt;/p&gt;

&lt;p&gt;我修改后的 Kwestion，比原版少了两个大的功能： 原版支持自适应浏览器宽度，并可以加载到 Firefox 的侧栏，我修改之后的是固定宽度的； 原版的或许支持 IE 等浏览器，我修改之后只推荐用 Chrome、Safari、Firefox 等常规浏览器，对 IE 内核的低端浏览器不做针对性的兼容。 目前这个修改版可以在&lt;a href=&quot;https://docs.google.com/leaf?id=0BxqXzxlxU0DCOWJkODdkYzUtMjMzNS00ZDJlLWIzN2QtMGQ1YjgwZWM3ZWQx&amp;amp;hl=en&quot;&gt;这里下载&lt;/a&gt;到，&lt;del&gt;或者在这里试用：http://t.mixfog.com&lt;/del&gt;。 btw，这或者将是 &lt;a href=&quot;http://blogger-ftp.blogspot.com/&quot;&gt;Google 关闭 Blogger.com 的 FTP 发布&lt;/a&gt;之前，我的最后一篇日志。&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>West Digital MyBook 试用笔记</title>
   <link href="http://blog.fangming.li/2009/09/WD-Mybook.html"/>
   <updated>2009-09-15T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2009/09/WD-Mybook</id>
   <content type="html">&lt;p&gt;两块专门用于存储电影的硬盘被塞满之后，电骡子长期待业，我终于忍无可忍，斥巨资购买了一块 1T 的硬盘，并为它配了这个 West Digital MyBook 无线硬盘盒。&lt;/p&gt;

&lt;p&gt;把这个东西称为“硬盘盒”有点委屈它了，它其实是一部装有完整的操作系统（Debian）的计算机。&lt;/p&gt;

&lt;p&gt;倒腾这个东西之前，有两个值得推荐的地方：“&lt;a href=&quot;http://www.qzxx.com/bbs/forum-23-1.html&quot;&gt;青州小熊论坛 MyBook 交流区&lt;/a&gt;”和“&lt;a href=&quot;http://www.1chaguan.cn/bbs/&quot;&gt;一茶论坛&lt;/a&gt;”。在这里能了解道这个盒子能干什么，不能干什么，如何实现以及需要作哪些准备。&lt;/p&gt;

&lt;p&gt;无线存取的速度还是比较慢，远不如 USB 2.0，把电影放在上面，通过网络在另一台机器上播放，需要设置一下播放器的参数。如果是高清，播放起来可能会不流畅。&lt;/p&gt;

&lt;p&gt;把 MyBook 作为 MAC OS X 的 Time Machine 备份磁盘，&lt;a href=&quot;http://www.google.com/search?q=NAS+Time+machine&quot;&gt;网上有很多方案&lt;/a&gt;，但大部分只能使用于 10.5 时代，如果升级到 10.6（Snow Leopard）之后，还希望用 NAS Drive 做 Time Machine 备份盘，可参考一下&lt;a href=&quot;http://www.insanelymac.com/forum/index.php?showtopic=184462&quot;&gt;这篇文章&lt;/a&gt;。&lt;/p&gt;

&lt;p&gt;最好有一点儿 Linux 知识，至少能参照网上的教程在命令行下输入字母按回车，有些工作还得通过 SSH 去做。&lt;/p&gt;

&lt;p&gt;如果一台装有 Linux 系统的电脑，会派上用场的。我想把原有硬盘上的大量数据转移到新硬盘上，通过网络拷贝的话不知要耗费多少时日，想把硬盘接到笔记本上，MAC OS X 却不能读取它的文件系统，幸亏我有一台装有 Ubuntu 系统的台式机，用 USB 连上这块新硬盘可读出它的分区，这样转移文件就快多了。如果没有装有 Linux 系统的机器，准备一张 LiveCD 也是可行的吧。&lt;/p&gt;

&lt;p&gt;Linux 的文件权限真是够安全，经常有些文件出现不能读或不能删的情况，幸好我学会了 $ chmod :-)&lt;/p&gt;

&lt;p&gt;启用动态域名解析之后，可以很方便的远程控制，监视电骡子干活儿的情况，给他添加新的下载任务。安装&lt;a href=&quot;http://www.1chaguan.cn/bbs/&quot;&gt;一茶系统&lt;/a&gt;，可以使用多种下载服务：Transmission、aMule、rTorrent 等，我使用了 MLDonkey，关于如何优化 MLDonkey，可参考&lt;a href=&quot;http://blog.wangbin1979.com/tips_for_mldonkey.html&quot;&gt;这篇文章&lt;/a&gt;以及他后面的参考链接。&lt;/p&gt;

&lt;p&gt;虽然它的功耗很低，噪音很小，很环保，但是也不建议晚上在卧室开着它，除非你把前面板的指示灯给关掉（如果安装一茶系统的话，有这个功能）。它的灯实在太亮了，如果不考虑防盗功能的话，晚上开着这玩意儿实在有些晃眼。题外话，除了 Apple 笔记本前面的呼吸灯，我还没见过哪家的电子设备的指示灯不是又傻又刺眼的。&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>Ecoute</title>
   <link href="http://blog.fangming.li/2009/08/Ecoute.html"/>
   <updated>2009-08-07T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2009/08/Ecoute</id>
   <content type="html">&lt;p&gt;&lt;img src=&quot;http://fangming.li/wimgs/blog/ecoute.jpg&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;p&gt;最近 Apple4us 的“&lt;a href=&quot;http://apple4.us/special/setup/&quot;&gt;工具癖系列&lt;/a&gt;”让我们窥探到了众多资深 MAC 用户压箱底的宝藏，&lt;a href=&quot;http://www.kdolphin.com/node/1092&quot;&gt;其他 Blog&lt;/a&gt; 上也有撰文附和，相信不少人的 Applications 文件夹中又多了几枚精致的图标。&lt;/p&gt;

&lt;p&gt;在音乐播放这方面，大家几乎做出了一致选择──iTunes，因为 iTunes 不但是管理音乐的高手，同时还管理着苹果其他业务。如果是 iPod/iPhone 用户，离开 iTunes 近乎不可能。 但是对于单纯的听歌需求来说，iTunes 显的臃肿了，动辄上百M的内存占用，而且在 Command+Tab 切换窗口时，那么大一个 iTunes 窗口摆在那儿屡次让我耿耿于怀。&lt;/p&gt;

&lt;p&gt;在工具癖系列中，&lt;a href=&quot;http://apple4.us/2009/07/lawrence-li-setup.html&quot;&gt;Lawrence&lt;/a&gt; 老师给出了不同的推荐，&lt;a href=&quot;http://www.voxapp.net/&quot;&gt;Vox&lt;/a&gt;，“可以播 MP3, AIFF, WAVE, FLAC, APE, SHN，且启动速度和 TextEdit 一样快”。但 Vox 对于播放列表的管理功能实在太弱。&lt;/p&gt;

&lt;p&gt;本篇要说的这款软件，&lt;a href=&quot;http://www.ecouteapp.com/&quot;&gt;Ecoute&lt;/a&gt;，它的最大优点是能够读取 iTunes 的播放列表。也就是说你用 iTunes 来整理数G的音乐文件，但是听歌的时候却不用开启庞大的 iTunes。&lt;/p&gt;

&lt;p&gt;Ecoute 的其他诱人特性还包括：&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;支持快捷键控制，支持 Apple Remote 控制；&lt;/li&gt;
  &lt;li&gt;可绑定 last.fm 帐户；&lt;/li&gt;
  &lt;li&gt;在桌面上显示专辑封面，支持换肤；&lt;/li&gt;
  &lt;li&gt;换歌时支持 Growl 提醒；&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;总起来说，Ecoute 和另一款软件 CoverSutra 非常像，但后者不能脱离 iTunes 单独播放歌曲。&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>在 Mac 下利用 SSH 通道翻墙</title>
   <link href="http://blog.fangming.li/2009/06/SSH-tunnel-proxy-on-mac.html"/>
   <updated>2009-06-25T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2009/06/SSH-tunnel-proxy-on-mac</id>
   <content type="html">&lt;p&gt;最近闹&lt;a href=&quot;http://zh.wikipedia.org/zh-cn/綠壩·花季護航&quot;&gt;护航&lt;/a&gt;又闹 GFW，昨晚 Google 一度无法访问，网上群情震怒，既然我党决定不再代表老百姓，那我们老百姓只能早作打算。谁也不愿走歪门邪道，都是被逼的！&lt;/p&gt;

&lt;p&gt;用代理的方案很多，比如说带 Tor，或者什么门、什么界，还有一款 &lt;a href=&quot;http://hotspotshield.com/&quot;&gt;Hotspot Shield&lt;/a&gt; 值得推荐，跨平台，稳定易用，缺点是有广告。总的来说，作为一个生活在这个傻逼时代的傻逼环境中的有为青年，如果你还没有掌握一两种翻墙技能，个人发展将会受到很大局限。&lt;/p&gt;

&lt;p&gt;本文的解决方案，如果你目前使用的是 MAC 系统，并拥有一个可以开 SSH 帐号的境外主机（例如 Dreamhost），则可以继续向下阅读。&lt;/p&gt;

&lt;p&gt;#####第一步，开通 SSH 帐号&lt;/p&gt;

&lt;p&gt;以 Dreamhost 为例，进入 Control Panel，依次进入 Users » Manage Users » Add a new user，新建一个具有 SSH 权限的帐号，如图，选第二项：SFTP: sftp (SSH ftp) file transfer access only.&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;http://fangming.li/wimgs/blog/Dreamhost-add-ssh-user.png&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;p&gt;#####第二步：设置您本机的网络代理&lt;/p&gt;

&lt;p&gt;你可以手动设置代理，但是用一个 .pac 文件会方便很多，特别是 Livid 同学已经提供了一个详细的 .pac 文件，&lt;a href=&quot;http://livid.cn/doc_view.php?doc_id=5744&quot;&gt;你可以在这里下载到&lt;/a&gt;。&lt;/p&gt;

&lt;p&gt;这个文件中大部分代码都类似于这个格式：&lt;/p&gt;

&lt;div class=&quot;language-plaintext highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;if (shExpMatch(url, &quot;*.google.com/*&quot;)) { return &quot;SOCKS 127.0.0.1:6464&quot;; }
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;你可以按照这个格式添加无法正常访问的网站，注意后面那个 6464 是指定的 SOCKS 代理端口号，Livid 文件中是 7777，至于我为啥用 6464，这无关宏旨，你可以改成自己喜欢的 6969 或其他。&lt;/p&gt;

&lt;p&gt;在网络偏好设置加载 .pac 的方法：&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;http://fangming.li/wimgs/blog/proxy-step1.png&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;http://fangming.li/wimgs/blog/proxy-step2.png&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;p&gt;#####第三步：开启 SSH 通道&lt;/p&gt;

&lt;p&gt;这步很简单，打开终端（Termial），输入这段代码：&lt;/p&gt;

&lt;div class=&quot;language-plaintext highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;ssh -D 6464 yourusername@yourhost.com
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;其中“6464”就是上一步中提到的端口号，“yourusername”就是你刚才申请到的具有 SSH 权限的用户名，“yourhost.com”就是你的主机地址。&lt;/p&gt;

&lt;p&gt;回车，然后会提示你输入密码，如果正确，SSH 通道就算开通了。至此，你已经可以通过 SSH 通道访问一些正常状态下无法访问的网站了。&lt;/p&gt;

&lt;p&gt;现在的麻烦是每次想使用代理都要打开 Terminal 输入上述的命令，WOOOH 提供了一个解决方案：&lt;a href=&quot;http://woooh.com/2009/03/在mac-os下创建自动重连、自动保存密码登录的ssh隧道链.html&quot;&gt;创建自动重连、自动保存密码登录的SSH隧道链接&lt;/a&gt;，要用到一款叫 SSH Tunnel Manager 的软件，我之前测试过，没有成功，不知是我的人品问题还是其他。
但是昨天我在 Apple 网站上无意发现了另一个软件，解决了这个问题，看这款叫 &lt;a href=&quot;http://www.apple.com/downloads/macosx/unix_open_source/issh.html&quot;&gt;iSSH&lt;/a&gt; 的软件：&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;http://fangming.li/wimgs/blog/iSSH.png&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;p&gt;非常简单，输入类似上述第三步的信息之后，点击“Connect”，就会打开 SSH 通道。并且你还可以点击“Just Quit”退出程序，而仍然保持 SSH 的链接。&lt;/p&gt;

</content>
 </entry>
 
 <entry>
   <title>在 iPhone、MAC 以及云端同步管理任务</title>
   <link href="http://blog.fangming.li/2009/06/task-manager-on-iphone-mac-and-google.html"/>
   <updated>2009-06-24T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2009/06/task-manager-on-iphone-mac-and-google</id>
   <content type="html">&lt;p&gt;一直以来，我在寻找一款 iPhone 上的 Task Manager 软件，需求如下：&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;可以在图标右上角显示 Badge 数字，表明有未完成的事项&lt;/li&gt;
  &lt;li&gt;可以与电脑同步&lt;/li&gt;
  &lt;li&gt;易用，UI 不要太土鳖&lt;/li&gt;
  &lt;li&gt;最好免费&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;在 App store 搜索 “Task” 或者 “to-do”，出来的结果非常华丽，比如在 Mac 上做得比较专业的 Things、OmniFocus，当然要价不菲；免费的同类软件，大多让人失望，那些土鳖的图标设计，基本上足以让人却步了。&lt;/p&gt;

&lt;p&gt;许多 Task Manager 软件有一个普遍的缺点：没有 Badge 数字显示，这点实在是不能原谅。既然是任务管理软件，职责应该包括提醒使用者去完成任务，图标上一点变化都没有，如此沉默，等待使用者主动去查看任务，效果就大打折扣了。如此说来，这款名叫 &lt;a href=&quot;http://kray.jp/software/iphone/wallcalendar/&quot;&gt;Wall Calendar&lt;/a&gt; 的软件是在棒得很。&lt;/p&gt;

&lt;p&gt;经过不懈的尝试，最近发现了 &lt;a href=&quot;http://kopuschen.com/TouchTodo.aspx&quot;&gt;TouchTodo&lt;/a&gt; 这样一款软件，基本上满足了我上述几点要求。&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;准确显示 Badge 数字，可自定义&lt;/li&gt;
  &lt;li&gt;可以与 Google Calendar 同步 (赞！)&lt;/li&gt;
  &lt;li&gt;UI 略显繁琐，离 Things 的大厂风范还有一定差距，但可以接受&lt;/li&gt;
  &lt;li&gt;有免费的 Lite 版本，功能并未严重缩水&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;安装之后，在 TouchTodo 上的任务可以与 Google Calendar 同步了，电脑上再安装一个 Google Notifiers，效果很棒，如果再在 iCal 中开启 &lt;a href=&quot;http://www.google.com/support/calendar/bin/answer.py?hl=en&amp;amp;answer=99358#ical&quot;&gt;CalDAV Sync&lt;/a&gt;，即可完成 iPhone、MAC、Google（云端）三位一体的任务管理体系。&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>将 Twitter 自动同步到其他社交网站</title>
   <link href="http://blog.fangming.li/2009/05/twitter-sync-to-another-sns.html"/>
   <updated>2009-05-30T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2009/05/twitter-sync-to-another-sns</id>
   <content type="html">&lt;p&gt;虽然有点制造垃圾的嫌疑，但是在不同的网站上有不同的好友群，又不能强迫&lt;a href=&quot;http://hainei.com&quot;&gt;海内&lt;/a&gt;上的好友都去用 Twitter 或者用&lt;a href=&quot;http://xiaonei.com&quot;&gt;校内&lt;/a&gt;的好友都去用&lt;a href=&quot;http://fanfou.com&quot;&gt;饭否&lt;/a&gt;，所以能够自动把这些网站上的个人状态同步一致，倒也不是完全没有必要。&lt;/p&gt;

&lt;p&gt;思路有很多，比如说加一个 &lt;a href=&quot;http://hellotxt.com&quot;&gt;Hellotxt&lt;/a&gt; 或者 &lt;a href=&quot;http://ping.fm&quot;&gt;Ping.fm&lt;/a&gt; 的 IM 机器人，就可以同时发布信息到 Twitter 和很多 SNS 网站上，但缺点是回复某个人的 Tweet 就很不方便。如果使用 Twitter 的桌面客户端（例如 &lt;a href=&quot;http://www.atebits.com/tweetie-mac/&quot;&gt;Tweetie&lt;/a&gt;），有想回复某条 Tweet 的冲动，却要到 IM 里去操作，很不爽，而且也不能使回复反链接到原始 Tweet。&lt;/p&gt;

&lt;p&gt;所以从我个人需求出发，希望做到的是：我的操作都在 Twitter 上完成，而其他网站自动同步。经过仔细试用了一些 Twitter 网站，终于整出了这么一条曲折的道路，基本能达到要求。先看图：&lt;/p&gt;

&lt;p&gt;将 Twitter 自动同步到 Facebook、饭否、校内、海内等网站的方法&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;/assets/images/twitter-sync-to-sns.gif&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;p&gt;可以看到，这条线中一个至关重要的网站是“&lt;a href=&quot;http://digu.com/lushnis&quot;&gt;嘀咕&lt;/a&gt;”，这个网站的一大特点是插件多，为实现我的需求提供了很大的帮助。首先用到的是这个叫“&lt;a href=&quot;http://digufeed.com/&quot;&gt;嘀嗒&lt;/a&gt;”的插件，这个插件可以自动将你的 Twitter 内容同步到嘀咕网，也就是说绑定之后，每在 Twitter 上更新一条信息，嘀咕网上就会同步更新。&lt;/p&gt;

&lt;p&gt;嘀咕网上有内容了，就用到了他的第二个插件──“&lt;a href=&quot;http://www.digusync.com/&quot;&gt;嘀神&lt;/a&gt;”。这个插件的用处是把你嘀咕上的信息同步更新到其他网站，支持的网站非常多，包括校内、海内、饭否、叽歪、开心网……，这样我的需求基本上就满足了。但是不幸的是，饭否在前不久封锁了嘀神的 IP，这条路到饭否的方向被截断了。&lt;/p&gt;

&lt;p&gt;话说天无绝人之路，有一个网站支持到饭否的同步，那就是 Hellotxt，除了饭否，他支持的服务也非常多，其中就包括 Facebook。&lt;/p&gt;

&lt;p&gt;选定 Hellotxt 之后，怎样把 Twitter 上的信息同步给他呢？其实上面用到的嘀神就号称能将信息同步到 Hellotxt，但是我尝试了一下，发需要到 Hellotxt 上申请一个 api_key，申请了几次未果，于是换了一种思路。&lt;/p&gt;

&lt;p&gt;使用 Twitter 的朋友也许知道一个能把 RSS Feed 发布到 Twitter 的网站，叫做 &lt;a href=&quot;http://twitterfeed.com/&quot;&gt;Twitterfeed&lt;/a&gt;，最近他有更新，也能够将 RSS Feed 发布到 Hellotxt 了。这就解决了上面这个问题：将信息通过 RSS Feed 的方式，用 Twitterfeed 同步给 Hellotxt。（我让他去读的是嘀咕网产生的 Feed，为什么不让他直接读 Twitter 的 Feed 呢？是因为 Twitter 的 Feed 中每条信息会带有用户名加一个冒号，十分累赘。）&lt;/p&gt;

&lt;p&gt;至此，Hellotxt 再将同步过来的信息传送到 Facebook 和饭否，我平时使用的几个服务都可以同步状态了。唯一遗憾的是 Hellotxt 得到的 Feed 信息会自动在末尾加一个 * 号，这样 Facebook 上和饭否上的信息也会带有这个 * 号，略有不雅。&lt;/p&gt;

&lt;p&gt;最后，欢迎在 Twitter 上 Follow 我: &lt;a href=&quot;https://twitter.com/lushnis&quot;&gt;@lushnis&lt;/a&gt;。&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>北京的书店</title>
   <link href="http://blog.fangming.li/2009/05/Beijing-Bookstore.html"/>
   <updated>2009-05-01T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2009/05/Beijing-Bookstore</id>
   <content type="html">&lt;p&gt;较之其他城市，北京的书店确有首都风范。&lt;/p&gt;

&lt;p&gt;拿繁华之地王府井来说，不光有大商场供时尚男女血拼，从南到北三家书店也为爱书人提供了一条龙服务。位于南端的王府井书店大而且全，地上总是洒落着一些背书包的同学。往北走，过了东堂不远有一座涵芬楼，商务印书馆的总部，幽静，空调温度适中，虽只有两层，但藏书精致丰富，特别是地下一层有大量商务印书馆出的书。再往北走就是韬奋三联书店，进去店面不大，直接下楼即可，楼梯靠墙一侧坐满了人，为缓解交通压力，书店贴出告示靠扶手一侧请勿坐。&lt;/p&gt;

&lt;p&gt;城北学院林立的五道口，自然也少不了淘书去处，紧邻城铁的光合作用书房，被列为小资或文青必去的朝圣地之一。但是沿着成府路西去，更大的怪兽级书店在等着你——万圣书园，看门面，其貌是相当的不扬，但你进去就上二层，马上就会被书店老板的恶趣味折服。这里迷宫般高及天花板的书架上，讲究到列出一些作者目录，从哲学家到思想家，反正在这里你总能看到一些在别的书店里压箱底的书。该书店的照片曾十分突兀地出现在《书店的灯光》一书中。万圣对面的豆瓣书店，与豆瓣网并无关系，多是折价旧书。要说位于圆明园东门的单向街，常在周末举行一些轻松的讲座，倒不大像一家书店了（或者本来就不是，人家叫 Library ）。&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;
</content>
 </entry>
 
 <entry>
   <title>Css3 Box Sizing</title>
   <link href="http://blog.fangming.li/2009/04/CSS3-box-sizing.html"/>
   <updated>2009-04-17T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2009/04/CSS3-box-sizing</id>
   <content type="html">&lt;p&gt;说到 IE 的 bug，一个臭名昭著的例子是它对于“盒模型”的错误解释：在 IE5.x 以及 Quirks 模式的 IE6/7 中，将 border 与 padding 都包含在 width 之内。这为前端工程师的工作平添了不少麻烦，几户每个需要定义尺寸的 box 都要思量一下：是否触发了“盒模型 bug”？&lt;/p&gt;

&lt;p&gt;同时，由于另一撮浏览器对标准的遵从，我们在精确定义一个在有限空间内显示的 box 时，也需要计算一下：留给它的空间只有那么大，刨去 border 和 padding，我们该把它的 width 写成多少呢？&lt;/p&gt;

&lt;p&gt;这种情况在 CSS3 时代有了改善，得益于这个叫做 box-sizing 的属性，它具有“content-box”和“border-box”两个值。&lt;/p&gt;

&lt;p&gt;定义 box-sizing: content-box; 时，浏览器对盒模型的解释遵从我们之前认识到的 W3C 标准；
定义 box-sizing: border-box; 时，浏览器对盒模型的解释与 IE6 相同；&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;http://fangming.li/wimgs/blog/css3-box-sizing.png&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;p&gt;为什么说这个属性“迟来”呢？IE 对于盒模型的解释固然不符合 W3C 的规范，但是也有它的好处：无论如何改动 border 与 padding 的值，都不会导致 box 总尺寸发生变化，也就不会打乱页面整体布局。而在 Firefox 等现代浏览器下，如果我们要改变一下 padding 的值，就不得不重新计算 box 的 width。现在 &lt;a href=&quot;http://warm-journey-42.heroku.com/&quot;&gt;IE6 寿终正寝&lt;/a&gt;，这个 CSS 属性未免有些姗姗来迟。&lt;/p&gt;

&lt;p&gt;试用这个新属性，Firefox 请使用 -moz-box-sizing，Safari / WebKit 请使用 -webkit-box-sizing，Opera 直接用 box-sizing 即可。&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>the Coens</title>
   <link href="http://blog.fangming.li/2009/03/coen.html"/>
   <updated>2009-03-09T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2009/03/coen</id>
   <content type="html">&lt;p&gt;&lt;img src=&quot;http://fangming.li/wimgs/blog/the-coens.jpg&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;p&gt;Coen 兄弟 (Joel Coen &amp;amp; Ethan Coen) 每年都奉献好看的片子，真可以颁发一个“电影史上最酷兄弟奖”给他们了。&lt;/p&gt;

&lt;p&gt;这哥俩儿要么你编我导，要么我编你导，要么同编同导，可谓合作无间。&lt;/p&gt;

&lt;p&gt;看科恩兄弟的电影，如同玩一场智力游戏，他们在电影中精心构筑自己的世界。看完之后往往会长舒一口气，回味无穷。而且电影中的配乐也非常值得用心体会。&lt;/p&gt;

&lt;p&gt;以下是目前看过 Coen 兄弟出品的电影，可谓部部精彩：&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;Blood Simple《血迷宫》&lt;/li&gt;
  &lt;li&gt;Burn After Reading 《阅后即焚》&lt;/li&gt;
  &lt;li&gt;The Man Who Wasn’t There 《找错凶手杀错人》&lt;/li&gt;
  &lt;li&gt;Miller’s Crossing 《米勒的十字路口》&lt;/li&gt;
  &lt;li&gt;Fargo 《冰血暴》&lt;/li&gt;
  &lt;li&gt;No Country for Old Men 《老无所依》&lt;/li&gt;
  &lt;li&gt;O Brother, Where Art Thou? 《逃狱三王》&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;值得一提的是演员 Frances McDormand，在科恩兄弟的电影中有过多次演出，她是 Joel Coen 的妻子。&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>年前最后一博</title>
   <link href="http://blog.fangming.li/2009/01/year-2008.html"/>
   <updated>2009-01-23T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2009/01/year-2008</id>
   <content type="html">&lt;p&gt;虽然 2009 年的第一个月已经过去了大半，但心理上还是觉得过了农历的春节才算是新的一年。今天下午就要回家了，短短的假期之后，新的一年就要开始。&lt;/p&gt;

&lt;p&gt;07 年做过一个不痛不痒的&lt;a href=&quot;/2008/01/year-2007.html&quot;&gt;总结&lt;/a&gt;，08 年仍然是不痛不痒的。还是一个人，父母来过一次北京，对我的个人问题说了很多，真是棘手啊。结过婚的，会有七年之痒；没结婚的，如果七年还没搞定，那基本上就不痛不痒了。现在的压力基本来自外部，真怀疑自己是否还有恋爱的激情。&lt;/p&gt;

&lt;p&gt;08 年应该是我看书最多的一年，通过在豆瓣上的记录粗略统计下，这一年大约购买了 120 本书，完整看完的、大体看完的、粗略浏览的，各占 1/3 吧。曾经有那么一段时间，去超市或者下楼吃饭都带一本书，在麦当劳吃饭都能看到晚上 12 点。今年还有一个大进步，就是做了少量的读书笔记。看书就像浮光掠影，不如抄书来得扎实。有那么几本书，是一边查着字典一边看的。&lt;/p&gt;

&lt;p&gt;08 年我们的产品做了一次大升级，这次升级在我们设计部门的驱动下，与开发部共同完成。我不能说这是一次完美的升级，它带来的问题和未完成的工作都是显而易见的。但是这是必然要经历的一次升级。艰难，但过来了，接下来要怎么做，还要我们继续去探索。就像是一条余弦曲线，无限接近坐标轴，却永远不能到达，而且接近的速度会越来越慢，越来越困难。&lt;/p&gt;

&lt;p&gt;09 年，我打算：&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;li&gt;来公司 3 年多了，还从未申请过休年假，今年要休息一下，找个地方玩；&lt;/li&gt;
  &lt;li&gt;如果可能，恋爱。&lt;/li&gt;
&lt;/ul&gt;
</content>
 </entry>
 
 <entry>
   <title>Classics 版的《李清照词》</title>
   <link href="http://blog.fangming.li/2008/12/Li-Qingzhao-on-Classics.html"/>
   <updated>2008-12-12T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2008/12/Li-Qingzhao-on-Classics</id>
   <content type="html">&lt;p&gt;iPhone 上有两款非常出色的电子书阅读软件，&lt;a href=&quot;http://www.lexcycle.com/&quot;&gt;Stanza&lt;/a&gt; 和 &lt;a href=&quot;http://www.classicsapp.com/&quot;&gt;Classics&lt;/a&gt;，前者免费，后者收费。&lt;/p&gt;

&lt;p&gt;Classics 拥有华丽的界面，与 MAC 上著名的 &lt;a href=&quot;http://www.delicious-monster.com/&quot;&gt;Delicious Library&lt;/a&gt; 十分相似，拥有这么一款精致的软件，使用起来是一种享受。&lt;/p&gt;

&lt;p&gt;Classics 支持 PDF 格式的电子书，所以完全可以自己制作资源，于是我将这部《李清照词全集》制作了出来。李清照作为宋词的巅峰高手，炼字精到，生僻的字很少；而且她的词多为小令，篇幅短小，十分适合在 iPhone 上阅读。&lt;/p&gt;

&lt;!--more--&gt;

&lt;p&gt;下载：&lt;/p&gt;

&lt;p&gt;&lt;a href=&quot;http://www.box.net/shared/static/jjfbnjm986.zip&quot;&gt;《李清照词全集》form Box.net&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;安装方法：&lt;/p&gt;

&lt;ol&gt;
  &lt;li&gt;进入 Classics 的安装目录 /var/mobile/Applications/XXXX/Classics.app/ （XXXX 为一串 4A75D28-9873-…… 的字串，每部设备都不一样）&lt;/li&gt;
  &lt;li&gt;选择一部你不想要了的电子书，例如 The Time Machine.classic，将里面的内容清空 （目前我只知道这种方式，不知道如何添加新书）&lt;/li&gt;
  &lt;li&gt;将下载到的文件解压缩后，得到的文件上传至刚才你选择并清空后的目录。&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;截图：&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;http://fangming.li/wimgs/blog/liqingzhao-screen.png&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>被李宗仁害苦了</title>
   <link href="http://blog.fangming.li/2008/12/li-tsung-jen.html"/>
   <updated>2008-12-02T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2008/12/li-tsung-jen</id>
   <content type="html">&lt;p&gt;有个同学来北京办事，晚上约在小西天附近吃饭。吃完饭9点多了，那地儿我不熟悉，看到有345路公交，心想这车在我家附近有，先上了再说。&lt;/p&gt;

&lt;p&gt;上车之后就开始看唐德刚的《李宗仁回忆录》。看到血战台儿庄那段，孙连仲孤军死守台儿庄，电话向李宗仁告急，希望能为自己的第二集团军“留点儿种”，李深知台儿庄之重，鼓励孙“胜负之数决定于最后5分钟”，孙表态要将“整个集团军打完为止”。&lt;/p&gt;

&lt;p&gt;随后组织的敢死队半夜突袭，在一小时内将已近失守的台儿庄夺回四分之三，小日本儿仓皇后撤，国军前后夹击，猛歼鬼子两万余口。看得我那个热血沸腾啊，此时345路公交正飞驰在八达岭高速上。&lt;/p&gt;

&lt;p&gt;我正纳闷儿呢，怎么这么长时间都没有站。身边有位乘客打电话：“我一会儿就到沙河了……”&lt;/p&gt;

&lt;p&gt;沙河！我意识到，我上错了车，这是一辆快车，最近的一站就是沙河，离我家远出了十几公里！&lt;/p&gt;

&lt;p&gt;没办法，沙河就沙河吧，毕竟我昨晚刚研习过《安般守意经》和《长阿含经》，颇能处变不惊，心想也许下车能泡到个大学城的MM也不错。再接着看李宗仁的口述。&lt;/p&gt;

&lt;p&gt;等到我从沙河站下车时，李宗仁已经战胜孙科、程潜两位竞争者，摆脱蒋介石重重阻挠，就任国民政府副总统。&lt;/p&gt;

&lt;p&gt;夜风中，我穿过黑车与三轮儿布下的阵势，到马路对面去寻找回去的车。已经是10点多了，几乎所有的公交车都没了，远远的来了一辆519，我看是到龙泽地铁站的，就又把她给上了。&lt;/p&gt;

&lt;p&gt;上车之后，我心想地铁站是终点站，也不怕坐过头，就又开始看李宗仁爷爷的唠叨。此时共军已连取辽沈、淮海两大战役，势如破竹，蒋氏被逼下野，却屡屡幕后操纵政府。内阁对李极不配合，孙科辞职，何应钦代之。通货膨胀导致军费紧张，老蒋转移到台湾的黄金白银又一钱不舍。李宗仁一会儿昆明一会儿桂林，反复挚肘，手足无措。&lt;/p&gt;

&lt;p&gt;终于要渡江了，我军横跨长江天险，李宗仁决定赴美就医，519路顺利抵达终点。&lt;/p&gt;

&lt;p&gt;下车之后我心想这城铁站真不像样，跟个农村似的，城铁站都一个样儿！我跟着下车的同仁们一块儿走向回家的路。&lt;/p&gt;

&lt;p&gt;走了几步我发现苗头不对，人越走越少，路越来越黑。我气沉丹田，希望能聆听到城铁经过时的美妙华章，但是很失望。&lt;/p&gt;

&lt;p&gt;周围已经没有人了，寒意袭来，我决定回刚才下车的地儿。并下意识把肩上的包儿提在手里，这样遇到歹徒的时候可以抡起来，煞是潇洒。&lt;/p&gt;

&lt;p&gt;回到刚才的地儿，我发现车站对面的大院门上赫然写着“二六一医院”，我坐反了车。此地离沙河又远了6公里，而519路已没有车了。&lt;/p&gt;

&lt;p&gt;天不绝我，我看到二六一医院门前谈笑风生的黑车司机，顿感春风扑面，领会到了社会主义初级阶段的温暖。&lt;/p&gt;

&lt;blockquote&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;“给70吧”&lt;/p&gt;

  &lt;p&gt;“50”&lt;/p&gt;

  &lt;p&gt;“不行不行，那哪儿行啊，70……”&lt;/p&gt;

  &lt;p&gt;“50，都是这价儿，你绝对不亏”（其实我连这是哪儿都不知道）&lt;/p&gt;

  &lt;p&gt;“70！你那地儿过了西三旗吧？到清河桥都得50！”&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;我崩溃，丫连在哪儿都不知道，就敢要70。&lt;/p&gt;

&lt;p&gt;上了车，堵了车，我还想再拿出手机来看会儿李宗仁，但怕再出什么幺蛾子，没敢。十一点半，到了家。&lt;/p&gt;

</content>
 </entry>
 
 <entry>
   <title>美洲片段</title>
   <link href="http://blog.fangming.li/2008/11/Something-about-America.html"/>
   <updated>2008-11-27T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2008/11/Something-about-America</id>
   <content type="html">&lt;p&gt;说中国的战争总是从北往南打，是因为南方人爱吃的米饭不便于携带，而且他们离不开辣椒。这是不正确的，因为辣椒也是原产于美洲。在明朝之前，我的厨师同行们只能拿姜和胡椒来调辣。至于大蒜，中国倒是古已有之，但都是独头蒜，分瓣的蒜是张骞从中亚带回来的。&lt;/p&gt;

&lt;p&gt;从美洲传出的最有名的植物当属玉米，这是人类培植最成功的农作物——它不但产量最高，甚至已对人类十分依赖，在自然条件下难以繁殖。&lt;/p&gt;

&lt;!--more--&gt;

&lt;p&gt;事实上，美洲的发现，使全世界的物种增加了一倍，也就是说，我们餐桌上一半的食物来自美洲。&lt;/p&gt;

&lt;p&gt;当然，欧洲人不是只进不出，他们带走了黄金白银，留下了什么？病毒和木马。&lt;/p&gt;

&lt;p&gt;最近在贡德・弗兰克的《白银资本》中看到的一个数字，使我大为吃惊。哥伦布登陆美洲之初，美洲的人口高达一亿，而短短一百年，这个数字降至 500 万。欧洲人带去的病菌使美洲原住民完全丧失了抵抗力。&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;
</content>
 </entry>
 
 <entry>
   <title>Change In 2008</title>
   <link href="http://blog.fangming.li/2008/11/Change-in-2008.html"/>
   <updated>2008-11-21T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2008/11/Change-in-2008</id>
   <content type="html">&lt;p&gt;&lt;img src=&quot;http://fangming.li/wimgs/blog/mixfog-change-2008.png&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;p&gt;2008 的年末，非洲人 Obama 成为了地球上最大帝国的领袖，他的竞选口号是“Change”，现在我的 Blog 也 Change 了一套新界面，原始设计为 Kac2or 在 &lt;a href=&quot;http://kac2or.deviantart.com/art/DESIGN-for-Wordpress-Theme-98387650&quot;&gt;DeviantArt&lt;/a&gt; 上发布的一款 Wordpress 模版，我把它搬到了 Blogger 上，并添加了我在 Twitter, Last.fm, Douban, Google Reader Share 上的信息展示，整个 Blog 显得丰腴起来了，存照留念。&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;http://fangming.li/wimgs/blog/mixfog-screenshot-20081121.png&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

</content>
 </entry>
 
 <entry>
   <title>Iphone Template For Pixelpost</title>
   <link href="http://blog.fangming.li/2008/11/iPhone-template-for-Pixelpost.html"/>
   <updated>2008-11-16T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2008/11/iPhone-template-for-Pixelpost</id>
   <content type="html">&lt;p&gt;&lt;img src=&quot;http://fangming.li/wimgs/blog/hoo-for-pixelpost.png&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href=&quot;http://www.pixelpost.org/&quot;&gt;Pixelpost&lt;/a&gt; 是一款开源的图片博客源程序，体积小巧，而且可扩展性非常强大。我的 &lt;a href=&quot;http://hoo.mixfog.com/&quot;&gt;Hoo! 美女站&lt;/a&gt;正是基于此搭建的。&lt;/p&gt;

&lt;p&gt;前段时间做了一个适合于 iPhone 浏览的模版，现在将此模版提供到了 &lt;a href=&quot;http://www.pixelpost.org/&quot;&gt;Pixelpost.org&lt;/a&gt;，任何人都可以自由下载并应用于自己的 Photoblog。&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;http://fangming.li/wimgs/blog/hoo-browser.png&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;http://fangming.li/wimgs/blog/hoo-image-detail.png&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>老师们</title>
   <link href="http://blog.fangming.li/2008/09/Teachers.html"/>
   <updated>2008-09-04T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2008/09/Teachers</id>
   <content type="html">&lt;p&gt;我印象最深的老师是我母亲，她 18 岁高中毕业后被公社聘为社办教师，后经过函授教育转为正式。曾在 1989 年获得“全国优秀教师”称号。在我们村，她曾经和另一位肖老师一起负责整个学校一至五年级的所有课程，长达数年。通常是两个年级的学生共用一间教室，我母亲给左边二年级的学生讲完一段后，让学生做题，然后再换一本书给右边五年级的学生讲。我们村四十岁以下的人包括他们的孩子几乎全是我母亲的学生，不光教过他们书，还给他们理过发。&lt;/p&gt;

&lt;!--more--&gt;

&lt;p&gt;上面说到的肖祝融老师并不是我们村的，他平时就住在学校，学生们每天轮流给他送饭，所以说他对学生的了解绝不仅限于学业，甚至家庭——从饭里得知。他退休后到我们家做客，跟我母亲回忆起当时那段生活，实在不是我辈所能体会。肖老师已经去世了，我回忆起他，印象中浮现出的是一个和蔼的，精神矍铄的，能顶起重担的老人。&lt;/p&gt;

&lt;p&gt;我初中的语文老师张丰书先生，在我们乡几乎无人不晓，我们的父辈很多人都被他骂过，我们上学的时候他又骂我们。他从教半个多世纪，桃李满园，对年级主任甚至校长从不放在眼里。他就像一位“性格明星”，如李贽、金圣叹般，偏执但颇有名士风度——他从不打人。他嗜茶成瘾，冬天等炉子上烧着的水，谁要是提起壶来看炉中的炭火旺不旺，他就恨得牙根痒，要是不会看眼色的新老师屡次去折腾那炉子，就难免要遭他一顿痛骂。&lt;/p&gt;

&lt;p&gt;直到我们初中时，九十年代，还有很多老师属于“社办”，就是公社聘用的性质，不属于教育系统。他们的工资很低，大约一百多块，况且还不能保证全数发到手。大多数，他们还要靠农田里的收成来养活自己的家庭。以致于我们的老师在连夜的劳作之后，鞋子上沾着农田里的泥巴来教室里给我们授课。&lt;/p&gt;

&lt;p&gt;高中的阎芳秋老师教授我们化学课，一旦我们考试效果不好或者做错了题之后，她总是眉头紧锁，我们看了之后实在感到自己罪莫大焉。大约是县南部口音，她讲“氯”读作“lu”，导致我现在都改不过来。她虽不是班主任，但流感时期，她买了醋来放到教室里熏。她曾对我说过：“×××，你要是不好好学习去考北大，谁还去考北大？”，她说这话的时候同样是眉头紧锁，我至今恨不得惭愧致死。&lt;/p&gt;

&lt;p&gt;语文老师张秀林先生，风趣幽默，常自叹“木秀于林，风必摧之”。游本地小山之后，曾作七律，有“醉舞双桨戏漂蓬”句。我们经常在语文早自习上做其他科目的作业，他来探视时，每于数步之遥便大声咳嗽，以便“不务正业”者及时反应，避免发现后的尴尬局面。张秀林老师每次把我的作文当作范文来念时，总说“下面我们来听听××兄的文章”，使我小小的虚荣心得到了极大的满足。&lt;/p&gt;

&lt;p&gt;我尊敬我的老师们，献给教师节。&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>银行的糟糕体验</title>
   <link href="http://blog.fangming.li/2008/09/Bad-expirence.html"/>
   <updated>2008-09-04T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2008/09/Bad-expirence</id>
   <content type="html">&lt;p&gt;自助银行，一中年妇女不知道 ATM 的插卡口在哪里，那里只用英文写着“Card”，而且边上还有一个尺寸差不多的口，是发票出口。我告诉了她，接下来的操作，她又下意识的去点触屏幕，事实上那不是触摸屏，皆因为屏幕上的“按钮”太像按钮了，在我提醒她之前，她一直在跟屏幕较劲。&lt;/p&gt;

&lt;p&gt;如果你用农业银行的自助缴费终端来缴纳电费，一定会对极其糟糕的用户体验印象深刻。首先你应该注意屏幕到左上角那个“Test Button”，开发人员对她的钟爱无以复加，以至于在最终版本中她仍然得以保留。缴纳电费时，你首先要按一下“购电”按钮，接下来的窗口中再按一下“售电”按钮，然后在输入缴费金额时，页面要重复刷新二十次以上，你需要做的只是等待，等到页面不刷新了，才能继续操作。如果一开始页面没有刷新，那意味着这次交易不会成功——这是经验之谈。&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>让老版本的扩展应用运行在新本浏览器上</title>
   <link href="http://blog.fangming.li/2008/03/Old-plugins.html"/>
   <updated>2008-03-31T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2008/03/Old-plugins</id>
   <content type="html">&lt;p&gt;浏览器要升级，新版本带来的新特性让人忍不住想尝鲜，那些旧的扩展（插件)怎么办？&lt;/p&gt;

&lt;p&gt;事实上，有相当一部分的扩展或插件跟浏览器自身的版本关系不大，稍微修改下这些插件内部的一两个文件，使他在浏览器启动的时候能够被加载，基本上就能使用。&lt;/p&gt;

&lt;!--more--&gt;

&lt;p&gt;&lt;strong&gt;Firefox 的 Extension 可以这样修改：&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;把下载到的 &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;.xpi&lt;/code&gt; 文件改为 &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;.zip&lt;/code&gt; 压缩包；&lt;/li&gt;
  &lt;li&gt;解压缩，在得到的文件夹中找到 &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;install.rdf&lt;/code&gt; 文件；&lt;/li&gt;
  &lt;li&gt;用文本编辑器打开，修改 &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;&amp;lt;em:maxVersion&amp;gt;3.1.0&amp;lt;/em:maxVersion&amp;gt;&lt;/code&gt; 这一行，将中间那个数值调大一些；&lt;/li&gt;
  &lt;li&gt;保存后，将刚才解压缩得到的文件重新压缩（注意文件结构)，然后将扩展名该回 &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;.xpi&lt;/code&gt;；&lt;/li&gt;
  &lt;li&gt;将最终的 &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;.xpi&lt;/code&gt; 文件拖到 Firefox 的扩展管理面板，安装。&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Safari 的 Plugin 可以这样修改：&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;找到 Plugin 的存放位置，一般在 &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;/Library/Application Support/SIMBL/Plugins&lt;/code&gt; 目录下，&lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;.bundle&lt;/code&gt; 格式；&lt;/li&gt;
  &lt;li&gt;右键点击目标 Plugin , 选择“&lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;显示包内容&lt;/code&gt;”；&lt;/li&gt;
  &lt;li&gt;用文本编辑打开 &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;Info.plist&lt;/code&gt;，编辑 &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;&amp;lt;key&amp;gt;MaxBundleVersion&amp;lt;/key&amp;gt;&lt;/code&gt; 这一行下面 &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;&amp;lt;string&amp;gt;5550&amp;lt;/string&amp;gt;&lt;/code&gt; 中的数值，调大一些；&lt;/li&gt;
  &lt;li&gt;有时也需要同样调整 &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;Resources/Info.plist&lt;/code&gt; 文件；&lt;/li&gt;
&lt;/ul&gt;
</content>
 </entry>
 
 <entry>
   <title>IE 的 text-indent Bug</title>
   <link href="http://blog.fangming.li/2008/03/ie-text-indent-bug.html"/>
   <updated>2008-03-25T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2008/03/ie-text-indent-bug</id>
   <content type="html">&lt;p&gt;今天遇到的一个 Bug，主要表现为：当容器的第一个子元素为 inline 属性，并且为该子元素定义了 text-indent 的话，IE 渲染出错。&lt;/p&gt;

&lt;p&gt;####实例 1&lt;/p&gt;

&lt;div class=&quot;language-plaintext highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;&amp;lt;div style=&quot;margin: 10px auto; padding: 10px; width: 400px; border: 3px solid #EEE;&quot;&amp;gt; 
	&amp;lt;span style=&quot;background: #FF0; color: red; text-indent: 50px;&quot;&amp;gt;Indent&amp;lt;/span&amp;gt; 
	正文 
&amp;lt;/div&amp;gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;在 Firefox 中，渲染正常：&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;/assets/images/ie-inline-indent-bug-firefox-01.png&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;p&gt;在 IE6 中，错误：&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;/assets/images/ie-inline-indent-bug-ie-01.png&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;p&gt;错在 text-indent 只在 block 级别的元素中体现，在本例中的 span 元素中，应予忽略。&lt;/p&gt;

&lt;p&gt;####实例 2&lt;/p&gt;

&lt;p&gt;给 span 加个浮动，让它自动成为 block 元素看看。&lt;/p&gt;

&lt;div class=&quot;language-plaintext highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;&amp;lt;div style=&quot;margin: 10px auto; padding: 10px; width: 400px; border: 3px solid #EEE;&quot;&amp;gt; 
	&amp;lt;span style=&quot;float: left; background: #FF0; color: red; text-indent: 50px;&quot;&amp;gt;Indent&amp;lt;/span&amp;gt; 
	正文 
&amp;lt;/div&amp;gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;在 Firefox 中，渲染正常：&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;/assets/images/ie-inline-indent-bug-firefox-03.png&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;p&gt;在 IE6 中，错误：&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;/assets/images/ie-inline-indent-bug-ie-02.png&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;p&gt;错在 span 将自身的 text-indent 属性传递给了它的父元素 div。&lt;/p&gt;

&lt;p&gt;####实例 3&lt;/p&gt;

&lt;p&gt;负值的 text-indent 会是怎样呢？&lt;/p&gt;

&lt;div class=&quot;language-plaintext highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;&amp;lt;div style=&quot;margin: 10px auto; padding: 10px; width: 400px; border: 3px solid #EEE;&quot;&amp;gt; 
	&amp;lt;span style=&quot;background: #FF0; color: red; text-indent: -9999px;&quot;&amp;gt;Indent&amp;lt;/span&amp;gt; 
	正文 
&amp;lt;/div&amp;gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;在 Firefox 中，渲染正常：&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;/assets/images/ie-inline-indent-bug-firefox-01.png&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;p&gt;在 IE6 中，错误，我们什么也看不到了：&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;/assets/images/ie-inline-indent-bug-ie-03.png&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;p&gt;错在 span 不但将自身的 text-indent 属性传递给了它的父元素 div，而且还将超出的内容隐藏了，在没有定义 overflow 属性时，元素的默认 overflow 属性应该是 visible。&lt;/p&gt;

&lt;p&gt;####实例 4&lt;/p&gt;

&lt;p&gt;既浮动，又负值的 text-indent 呢？（事实上我正是在这种情况下遭遇了这个 Bug）：&lt;/p&gt;

&lt;div class=&quot;language-plaintext highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;&amp;lt;div style=&quot;margin: 10px auto; padding: 10px; width: 400px; border: 3px solid #EEE;&quot;&amp;gt; 
	&amp;lt;span style=&quot;float: right; margin-left: 5px; width: 40px; background: #FF0; color: red; text-indent: -9999px;&quot;&amp;gt;Indent&amp;lt;/span&amp;gt; 
    正文 
&amp;lt;/div&amp;gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;在 Firefox 中，渲染正常：&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;/assets/images/ie-inline-indent-bug-firefox-04.png&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;p&gt;在 IE6 中，仍然是错误：&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;/assets/images/ie-inline-indent-bug-ie-04.png&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;p&gt;依然是 span 将自身的 text-indent 属性传递给了它的父元素，并将超出的内容隐藏了。&lt;/p&gt;

&lt;p&gt;以上的 Bug 在 IE8 的“IE7 mode”中得到了部分修正，当 span 为浮动时基本是正常的，但默认情况下仍然错误。其他版本未测试。&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>Parallels Desktop 内存分配错误</title>
   <link href="http://blog.fangming.li/2008/03/Parallels-memory-error.html"/>
   <updated>2008-03-14T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2008/03/Parallels-memory-error</id>
   <content type="html">&lt;p&gt;启动 Parallels Desktop 时候偶尔会出现这样的错误：&lt;/p&gt;

&lt;div class=&quot;language-plaintext highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;Unable to allocate memory for monitor PE!
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;应该是虚拟机启动时，分配内存错误，在 Parallels 的官方论坛上，&lt;a href=&quot;http://forums.parallels.com/printthread.php?t=17831&quot;&gt;看来出现这个问题的人还不少&lt;/a&gt;，貌似还没有很好的解决方法。这应该是一个 Bug，因为我的机器内存已经升级到 4G，而且是在启动其他程序前启动的 Parallels，应该不会是内存不够用。&lt;/p&gt;

&lt;p&gt;我的建议是，出现这个错误后，不要再尝试关闭 Parallels 后重新启动，否则迎接你的极可能是一次四国。你要做的是重启电脑，然后在开启其他程序前先启动 Parallels Desktop 虚拟机。&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>SCPlugin － Mac 上的 Tortoise SVN</title>
   <link href="http://blog.fangming.li/2008/03/SCPlugin.html"/>
   <updated>2008-03-04T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2008/03/SCPlugin</id>
   <content type="html">&lt;p&gt;虽然 Leopard 默认就可以在终端窗口中进行 SVN 操作，但对于在 Windows 上被 &lt;a href=&quot;http://tortoisesvn.tigris.org/&quot;&gt;TortoiseSVN&lt;/a&gt; 惯坏了的人来说，可能会感到极不适应。&lt;/p&gt;

&lt;p&gt;当初我选择了 &lt;a href=&quot;http://www.syntevo.com/smartsvn/&quot;&gt;SmartSVN&lt;/a&gt;，觉得不错，直到我发现了 &lt;a href=&quot;http://scplugin.tigris.org/&quot;&gt;SCPlugin&lt;/a&gt;。&lt;/p&gt;

&lt;p&gt;这是一款将 SVN 集成到 Finder 窗口的软件，可以如同 TortoiseSVN 般在文件图标上显示状态，可以通过右键进行 SVN 操作，总之跟 TortoiseSVN 很像，看看下图就知道了。&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;http://fangming.li/wimgs/blog/svn_scplugin.png&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;p&gt;如果再搭配以 &lt;a href=&quot;http://svn-finder.sourceforge.net/&quot;&gt;Subversion Script for Finder&lt;/a&gt; + &lt;a href=&quot;http://blacktree.com/?quicksilver&quot;&gt;QuickSilver&lt;/a&gt;，完美了。&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;http://fangming.li/wimgs/blog/svn_script_quicksilver.png&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>2007 年度总结</title>
   <link href="http://blog.fangming.li/2008/01/year-2007.html"/>
   <updated>2008-01-04T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2008/01/year-2007</id>
   <content type="html">&lt;p&gt;2008 开始了，我是个没记性，没计划，没远见，没良心的人，三十年过去都没想过作个总结。以前写总结，写计划，是要装模作样交给老师的，自己总结。&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;年度书籍：动物农场&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;很少看小说，幸亏这本书薄，很快就看完了。《1984》稍微厚点，我计划在 2084 年前看完。&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;年度电影：Death Proof&lt;/strong&gt;&lt;/p&gt;

&lt;table&gt;
  &lt;tbody&gt;
    &lt;tr&gt;
      &lt;td&gt;《色&lt;/td&gt;
      &lt;td&gt;戒》和《太阳照常升起》都把我扯进了电影院，但是 07 年给我印象最深的电影是《Death Proof》，撞车，追逐和痛扁。既然那些有深度的电影都深得离了谱，我还是待在浅水湾玩吧。这电影还给我的音乐曲库中增加了一盘不错的电影原声。&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;

&lt;p&gt;&lt;strong&gt;年度音乐：&lt;a href=&quot;http://blog.fangming.li/2007/05/music-this-week.html&quot;&gt;Talking Heads&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;今年才开始听这个乐队的歌，真是好听，好听，三十年了，就为听它。&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;年度动漫：Beavis and Butt-head do America&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;年底才看的，以迅雷不及掩耳盗铃儿响叮当之势超越了《普京兔》，从此我们都变得神经质了。&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;年度网站：&lt;a href=&quot;http://hainei.com&quot;&gt;海内&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;07 年停留时间最长的网站恐怕是 Google Reader，但到了年底，一大帮真人忽然在海内上玩得死去活来。&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;年度产品：&lt;a href=&quot;http://blog.fangming.li/2007/05/macbook-pro.html&quot;&gt;Mackbook Pro&lt;/a&gt; &amp;amp; &lt;a href=&quot;http://blog.fangming.li/2007/11/iphone.html&quot;&gt;iPhone&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;今年我先后购买了 Apple 的这两款产品，觉得都很好。&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;年度人物：&lt;a href=&quot;http://www.imspark.com/blog&quot;&gt;花火&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;和花火同了事，先前互联网资源还比较少的时候，看花火漫画给我带来了欢乐，如今这个溅客更是不断地挑战人的忍耐极限。&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;年度啤酒：Carlsberg Chill&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;原来以为这个酒是给小姑娘喝的，喝了几瓶，还挺爽口，从此冰箱里老有那么几瓶。&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;年度家电：&lt;a href=&quot;http://twitter.com/lushnis/statuses/151053012&quot;&gt;洗衣机&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;为什么“年度”？因为这是我的唯一家电。跨入文明时代了，不用手洗大床单了。&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;年度餐饮：McDonalds&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;搬了家，新住的这边荒凉得很，除了在公司的工作餐，周末基本就在这解决，没有选择，也不用伤脑筋，进去就点俩汉堡，吃完就走。&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;年度感受：&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;我的心态和脾气好了很多，我的眼界也更加宽阔了，学到了很多东西。有伤心事，但生活总算还是比较令人满意。&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>Logo 换新</title>
   <link href="http://blog.fangming.li/2008/01/new-logo.html"/>
   <updated>2008-01-04T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2008/01/new-logo</id>
   <content type="html">&lt;p&gt;&lt;img src=&quot;http://fangming.li/wimgs/blog/change_logo_xerox.jpg&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;p&gt;刚看到 Xerox 换了新的 Logo，网上评论褒贬不一，我觉得倒还可以，3D 效果和小写字母都比较符合这几年 Logo 的变化趋势。（Xerox Logo 的历史演化请参考 &lt;a href=&quot;http://HiChris.cn/design/xerox-new-logo/&quot;&gt;Chris 的 Blog&lt;/a&gt;）&lt;/p&gt;

&lt;!--more--&gt;

&lt;p&gt;&lt;a href=&quot;http://commercial-archive.com/node/142223&quot;&gt;这里&lt;/a&gt;有人指出新 Logo 有些像棒棒糖，还有人觉得新 Logo 连同这几坨 Logo，都很像个球：&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;http://fangming.li/wimgs/blog/change_logo_3d_ball.jpg&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;p&gt;可能由于电子媒介的逐渐流行，以及印刷技术的发展，现在很多 Logo 在用色及形状上都有很大突破，越来越炫，去年 MasterCard 的 Logo 正是如此：&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;http://fangming.li/wimgs/blog/change_logo_mastercard.jpg&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;p&gt;说到 Logo 中的文字运用，我又从 Brand New 上看了一些常见品牌近年的 Logo 变化，字母变为小写的情况的确不少，有人说是随着网络的盛行，网址变得愈加重要，而在浏览器地址栏中的网址均已小写字母呈现，所以各大品牌纷纷将自己的 Logo 变为小写，以顺应网络的潮流。而且小写字母确实让人倍感亲切，可读性高。&lt;/p&gt;

&lt;p&gt;上面也提到了 AT&amp;amp;T 的 Logo，运用立体效果是其一，字母也变为了小写：&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;http://fangming.li/wimgs/blog/change_logo_at_t.jpg&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;p&gt;BusinessWeek 的 Logo 字体由原来的衬线字体变成了更现代的非衬线字体：&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;http://fangming.li/wimgs/blog/change_logo_businessweek.jpg&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;p&gt;Compaq 的 Logo 也减少了笔画粗细的变化，可以说变得更 Q 更时尚了，但是个人觉得不如原来的 Logo 经典：&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;http://fangming.li/wimgs/blog/change_logo_compaq.jpg&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;p&gt;Holiday Inn 的 Logo 原来就很漂亮，新换的 Logo 简练了很多，提高了可识别性：&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;http://fangming.li/wimgs/blog/change_logo_holiday_inn.jpg&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;p&gt;MSNBC 的 Logo 字母同样变成了小写：&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;http://fangming.li/wimgs/blog/change_logo_msnbc.jpg&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;p&gt;Wacom 的新 Logo 也采用更炫的 3D 效果，同时舍弃了生硬的蓝色和尖锐的字体，采用了小写的，更圆润的字体：&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;http://fangming.li/wimgs/blog/change_logo_wacom.jpg&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>Pulp Fiction Typography</title>
   <link href="http://blog.fangming.li/2007/12/pulp-fiction-typography.html"/>
   <updated>2007-12-17T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2007/12/pulp-fiction-typography</id>
   <content type="html">&lt;p&gt;&lt;img src=&quot;http://fangming.li/wimgs/blog/pulp_fiction_typography.jpg&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href=&quot;http://www.youtube.com/watch?v=syf8olcM0z4&quot;&gt;视频地址&lt;/a&gt;&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>iPhone 到手</title>
   <link href="http://blog.fangming.li/2007/11/iphone.html"/>
   <updated>2007-11-23T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2007/11/iphone</id>
   <content type="html">&lt;p&gt;和同事一块儿买的 iPhone 昨天到了，很激动。当场把同事那部激活并破解，很顺利。&lt;/p&gt;

&lt;p&gt;晚上我自己拿回家破解的那一部就曲折多了。激活之后，桌面上没有 installer 的 图标，导致下面的工作无法进行，懵了。糊里糊涂的将固件升级到了 1.1.2。&lt;/p&gt;

&lt;p&gt;还好网上关于 iPhone 的资料多，不断的降级，解锁，终于被我搞定了，差点变砖头，泄特！&lt;/p&gt;

&lt;p&gt;现在能打电话，发中文短信，上网，很多常用网站像 Gmail、Google Reader 都有专为 iPhone 设计的移动版，感觉超棒。&lt;/p&gt;

&lt;p&gt;Livid 等人的 &lt;a href=&quot;http://iphone.6.cn&quot;&gt;iphone.6.cn&lt;/a&gt; 应该是国内少数为 iPhone 设计的站点之一吧。&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;http://fangming.li/wimgs/blog/iphone_box.jpg&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;http://fangming.li/wimgs/blog/iphone_unlock.jpg&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;http://fangming.li/wimgs/blog/iphone.jpg&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

</content>
 </entry>
 
 <entry>
   <title>升级到 Mac OS X Leopard</title>
   <link href="http://blog.fangming.li/2007/10/upgrade-to-leopard.html"/>
   <updated>2007-10-30T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2007/10/upgrade-to-leopard</id>
   <content type="html">&lt;p&gt;&lt;img src=&quot;http://fangming.li/wimgs/blog/leopard.png&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;p&gt;在 Macbook Pro 上安装了最新的 Leopard (MAC OS X 10.5)，直接从 Mac OS X 10.4.9 升级上来的，整个升级过程好像是四十分钟左右。完成后刚开始感觉有点慢，怀疑是 Spotlight 正在索引硬盘导致的，用了一会儿之后感觉速度正常。&lt;/p&gt;

&lt;!--more--&gt;

&lt;p&gt;试用了一些 Leopard 的新功能，CoverFlow，眩，HTM 文件可以直接预览，PHP 文件会将代码显示出来，PDF 会分页浏览，视频文件可播放。Spaces 有点顿，而且没有切换效果，不爽。Dock 上分组效果很好。Time Machine 没有配置。&lt;/p&gt;

&lt;p&gt;兼容方面，Parallels Desktop 不能启动，我不知道将软件升级一下会不会好(补：升级到 Build 5540 Beta 之后可以使用了)。用于将 Mail 改为左右分栏的那个小软件也不能用，不知道有没有更新。last.fm 客户端软件有冲突，从官方论坛找到一个补丁版安装了，解决。QuickSilver 会在 Dock 上面显示图标，升级可解决。其他没有太有影响的。&lt;/p&gt;

&lt;p&gt;Mail 的功能增强了，挺好。&lt;/p&gt;

&lt;p&gt;总得说来是 Leopard 是值得安装的，打算重新装一个干净版本。&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>左传故事一则</title>
   <link href="http://blog.fangming.li/2007/06/zuozhuan-story.html"/>
   <updated>2007-06-24T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2007/06/zuozhuan-story</id>
   <content type="html">&lt;p&gt;鲁昭公十九年，因莒共公三年不向齐景公交保护费，景公恼了，调十万手下去教训共公。共公闻风逃窜到纪鄣。&lt;/p&gt;

&lt;p&gt;纪鄣有一老妇，早年丈夫被共公所害，致使自己守寡多年，积怨已深。今闻得杀夫仇人逃窜至此，正所谓冤家路窄。遂连夜扯碎床单接成绳索，偷偷丈量了城墙的高度。待到齐军围城，老妇将绳索抛出城外，齐军得之，攀爬上墙，虽然只上去六十人之后绳索就断了，但城上城下的齐军一顿诈呼，也吓破了莒共公的老胆。&lt;/p&gt;

&lt;p&gt;另，齐军的统帅为谁？田书——战神孙武的爷爷。&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>Mac 使用一周感受</title>
   <link href="http://blog.fangming.li/2007/06/first-mac-week.html"/>
   <updated>2007-06-21T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2007/06/first-mac-week</id>
   <content type="html">&lt;p&gt;上周六拿到了我&lt;a href=&quot;http://blog.fangming.li/2007/05/macbook-pro.html&quot;&gt;期待已久的 MacBook Pro&lt;/a&gt;，使用了一周后，感觉很容易上手。买之前基本没有使用过苹果操作系统，还有些担心，不过现在的苹果都是 Intel 平台，即使实在用不惯 OS X 也可以装个 Windows （这实在为很多 Mac Fans 所不齿）。&lt;/p&gt;

&lt;p&gt;下面就说说本周的使用感受，希望能给打算使用 Mac 的朋友一点帮助，也希望能跟众多 Mac Fans 多多交流。&lt;/p&gt;

&lt;!--more--&gt;

&lt;p&gt;######浏览器&lt;/p&gt;

&lt;p&gt;微软原来开发过 OS X 下的 IE， 但是后来已经停止了，现在的 IE 不能在 OS X 上使用，所以那些基于 IE 核心的浏览器也就不能在 OS X 上使用了，例如 Maxthon 之类。好在我几年前就已经习惯了使用 Firefox，所以这点没什么问题。另外苹果自带的 Safari 浏览器真得非常好用，在不需要用 Firebug 调试网页的时候，我尽量使用 Safari。还有另一款 Gecko 内核的浏览器──Camino，同样是 Mozilla 出品，也是不错的选择。另外 Opera 我还没有在 OS X 上安装，想必也没有问题。&lt;/p&gt;

&lt;p&gt;######编辑器&lt;/p&gt;

&lt;p&gt;OS X 下优秀的编辑器不在少数，听说有很多人就是为了 TextMate 而转用了苹果，网页编辑器方面，Dreamweaver 自不必说。Coda，今年 WWDC 上的获奖作品，界面一流，使用感受也很不错。另外还有 Aptana，免费的功能强大的跨平台的编辑软件，在 Windows 上面也用过。还有几款免费的 Komodo Editor, TextWrangler 可以选择。&lt;/p&gt;

&lt;p&gt;######环境配置&lt;/p&gt;

&lt;p&gt;工作需要，必须配置 Apache + PHP + MySQL 环境，OS X 自带了 Apache，然后修改下配置文件就可打开对 PHP 的支持，但是对我来说更好的解决方案是安装 MAMP。&lt;/p&gt;

&lt;p&gt;######CVS 客户端&lt;/p&gt;

&lt;p&gt;高手们可以在终端下操作 CVS，但是我这样的就十分依赖图形界面，先是装了 MacCVSClient，可以用，后来发现 SmartCVS 操作起来更方便一些，界面和 Logo 都比 MacCVSClient 漂亮。不管是那个 CVS Client，都存在一个问题就是如果文件名中含有中文，跟 Windows 系统同步起来就会出现乱码，大体是因为 Windows 和 OS X 默认的文件名编码不一样，好在基本上文件名都是用英文，这个问题可以先不予考虑。&lt;/p&gt;

&lt;p&gt;######媒体播放&lt;/p&gt;

&lt;p&gt;在 Windows 系统下我已经习惯使用 iTunes ，所以转换到 OS X 下面更是没有问题。至于视频播放，VLC Player 就如同 Windows 下的 KMPlayer ，一个软件几乎可以解决所有问题。&lt;/p&gt;

&lt;p&gt;######虚拟 Windows&lt;/p&gt;

&lt;p&gt;前面说了，IE 不能运行在 OS X 下，有时需要在 IE 下看网页浏览效果，所以就用 Parallels Desktop 虚拟了一个 Windows 系统，用得 ISO 文件是 DeepinXP 精简版，跑起来巨快。&lt;/p&gt;

&lt;p&gt;######Mail 客户端&lt;/p&gt;

&lt;p&gt;我不用 Outlook 已经很多年了，在使用 OS X 之前一直使用 ThunderBird，ThunderBird 也可以在 OS X 下使用，但是现在想试试 OS X 自带的 Mail 软件。由于 ThunderBird 和 OS X Mail 的数据格式是统一的，原来的邮件很容易就转过来了。之前由 Opera 转 ThunderBird 的时候也非常容易，可见统一的标准给我们带来多少方便。&lt;/p&gt;

&lt;p&gt;具体的软件使用先写这么多，总之感觉从 Windows 转到 OS X 是很容易上手的，只是习惯上小的变动，例如在 Windows 上很多跟 Ctrl 键组合的热键现在就考虑 Command 键，现在到 Windows 上面搞点东西我都不由自主的满键盘找 Command。还有那个显示所有窗口的功能实在是太可爱了，Vista 也学了去，不过 Vista 是侧向叠加排列，眩是眩，感觉不如。&lt;/p&gt;

&lt;p&gt;还有安装和卸载软件，简直就是一种享受，AppZapper 卸载软件时的效果棒极了。&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>决心要买 Mac 了</title>
   <link href="http://blog.fangming.li/2007/05/macbook-pro.html"/>
   <updated>2007-05-31T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2007/05/macbook-pro</id>
   <content type="html">&lt;p&gt;上周终于下决心要买一台 Apple MacBook Pro (2.16 GHz)，香港那边却没有货。而且听到风声说 Apple 即将对 MacBook Pro 进行升级——MacBook 已经升级了，而且很有可能在 6 月的 WWDC 上公布升级的详细信息，不知香港冻货跟产品升级是否有关系。还是再等一个月。&lt;/p&gt;

&lt;p&gt;上周末还去看了看 Apple 的 Cinema Display, 4 灯管设计，1,670 万色的显示效果。如果不考虑移动性，一台 Mac Mini 加一台 20” Cinema Display 应该也是一个不错的搭配。&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>本周重点听的两个音乐人</title>
   <link href="http://blog.fangming.li/2007/05/music-this-week.html"/>
   <updated>2007-05-15T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2007/05/music-this-week</id>
   <content type="html">&lt;p&gt;###David Byrne &amp;amp; Talking Heads&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;http://fangming.li/wimgs/blog/talking-heads.jpg&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;p&gt;New Wave 代表，我喜欢那种随意和夸张的唱腔以及重复的旋律。主唱 David Byrne 毫无拘束的现场表演也很有看头。&lt;/p&gt;

&lt;p&gt;###Iggy Pop&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;http://fangming.li/wimgs/blog/iggy-pop-portrait.jpg&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;p&gt;朋克之父，在电影 &lt;em&gt;TrainSpotting&lt;/em&gt; 中，他的一首 &lt;em&gt;the Passenger&lt;/em&gt; 让人印象深刻。&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>沈阳东宇书店</title>
   <link href="http://blog.fangming.li/2007/04/dongyu-bookstore.html"/>
   <updated>2007-04-20T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2007/04/dongyu-bookstore</id>
   <content type="html">&lt;p&gt;时隔多年，我仍时时想起这间位于沈阳北行的小书店。&lt;/p&gt;

&lt;p&gt;这是东宇集团当时在沈阳的三间书店之一，其余两家是大厦店和五里河店，大厦店我去过几次，规模很大，五里河店我没去过。&lt;/p&gt;

&lt;p&gt;从学校到书店大约有6、7站的样子，但我多是步行。沿途经过的景物有辽宁饭店、全聚德、一间名叫“雪梨”的歌厅、辽宁大学等等，远是远了些，但比起我经常在诺大的北陵公园里一绕就是一天，实在算不得什么。&lt;/p&gt;

&lt;p&gt;已经记不清第一次去是什么时间，但肯定从那时就喜欢上了这个地方，说不出什么特别，或者是因为那里的气氛。现在还能隐约记得书店的格局，一楼面积很小，有一些杂志，还有一些贺卡，一个收银台。沿台阶上到二楼，心情往往就会好起来，脚下是柔软的红色的地毯，耳边响起曼妙的音乐。事实上我已经完全记不起当时放一些什么类型的音乐，只是能肯定有音乐，而且这些音乐并没有影响我阅读。&lt;/p&gt;

&lt;p&gt;店的规模连中等都算不上，但比起我们小县城了里唯一的新华书店，这宛然书的海洋。我随手抽一本什么书，坐在地毯上看上那么一段（有舒适的软凳子，但是数量少），抬起头来想，什么时候能在家乡的小城里经营这么一家书店，基本上也就“夫复何求”了。&lt;/p&gt;

&lt;p&gt;我读过的书里面，有很大一部分是坐在这家书店的地毯上读完的，我能清除的记得我坐在地上读君特·格拉斯的《铁皮鼓》，川端康成的《伊豆的舞女》，偶尔调整着自己的坐姿，舒展一下僵硬的脖颈，偷偷揩去因某些感动处而导致的泪水。当看完一本书，合上最后一页的时候，感觉恍如隔世。&lt;/p&gt;

&lt;p&gt;除了赖在书店里看书，我也在这家书店里买了大量的书，还办理了一张九折卡（这张卡至今还在我老家的抽屉里面）。我记得我在这里买过《麦田里的守望者》，当我学着制作个人网站的时候，网站的标题就是“The Cather in the Rye”，还有一些王小波、余华、张爱玲的书。有一部分书看起来相当稀奇古怪，其中一本叫《宋明新儒学略论》，我至今都不知道在论些什么。还买过一些传记：弘一、辜鸿铭、金圣叹——全是些怪人。&lt;/p&gt;

&lt;p&gt;每月，凭会员卡可领取一本《东宇书讯》，薄薄的，是一些新书介绍和书评之类的文章，即使后来我开始从网络上获取信息，但还是挺喜欢这本小册子。&lt;/p&gt;

&lt;p&gt;书店里还有一个茶吧、一个网络中心（网吧）、一个多功能厅，会搞些活动，但我没怎么关心过。&lt;/p&gt;

&lt;p&gt;事实上，这不是一间特别的书店，只是心无牵挂，信步东西的年岁已一去不返，使它令我难忘。&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>解决 Blogger Feed 排序问题</title>
   <link href="http://blog.fangming.li/2007/03/blogger-feeds-sortby-pubdate.html"/>
   <updated>2007-03-25T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2007/03/blogger-feeds-sortby-pubdate</id>
   <content type="html">&lt;p&gt;以前提到过 Blogger 输出 Feed 的排序问题，始终没有找到好的解决方案。最近修改了一篇旧文章，导致该文在 Feed 中被提到最新，通过 BXNA 过来的朋友对此提出了批评，愧疚的很，在网上找了找，终于算是找到了一个还算过得去的方案。阅读全文…&lt;/p&gt;

&lt;p&gt;目前 Blogger 对 FTP 发布的 Blog 提供了一个如此格式的 Feed 地址：&lt;/p&gt;

&lt;div class=&quot;language-plaintext highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;http://www2.blogger.com/feeds/blogID*/posts/default
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;并且仍然可以附带几个参数进行定制，针对今天这种情况，需要用到的一个就是：&lt;/p&gt;

&lt;div class=&quot;language-plaintext highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;orderby=published
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;这样文章就不会以 Blogger 默认的 &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;&amp;lt;updated&amp;gt;&lt;/code&gt;（修改时间）进行排序，而是按照最初的发布时间排序。&lt;/p&gt;

&lt;p&gt;只是这样还不能解决问题，虽然排序是合适了，但是这个 &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;&amp;lt;updated&amp;gt;&lt;/code&gt; 仍然存在，而且 Feedburner 烧录的 Feed 仍然会采用这个修改时间作为文章的发布时间。如果 Feeds 被一些聚合网站（例如 BXNA）收录，或者读者是通过 RSS 阅读器（例如 Google Reader）阅读的话，最后修改的文章仍然会被提到最前。&lt;/p&gt;

&lt;p&gt;于是再多加一个参数 &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;max-results=6&lt;/code&gt; 缩减 Feed 输出的条目数为6，既然排序已经是按照最初的发布时间来的，那只取最新的6条文章，这6条之前的文章即使刚刚被修改，也不会被列在 Feed 内容中。当然，只取1条最保险，但这样会对网站新用户造成不便。&lt;/p&gt;

&lt;p&gt;至此，我使用的Feed地址为：&lt;/p&gt;

&lt;div class=&quot;language-plaintext highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;http://.../posts/default?alt=rss&amp;amp;orderby=published&amp;amp;max-results=6
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;问题基本算是解决了，希望加了个 &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;alt=rss&lt;/code&gt; 强制输出 RSS 2.0 格式，但是 Blogger 并没有理会，好在这个工作 Feedburner 也可完成。现在，但愿 Blogger 不会频繁变动这个 Feed 输出地址。&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>有史以来100款最佳字体</title>
   <link href="http://blog.fangming.li/2007/02/top-100-best-fonts.html"/>
   <updated>2007-02-13T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2007/02/top-100-best-fonts</id>
   <content type="html">&lt;p&gt;&lt;a href=&quot;http://www.100besteschriften.de&quot;&gt;这个网站&lt;/a&gt; 评选出了100款最佳字体，前10名分别是：&lt;/p&gt;

&lt;ol&gt;
  &lt;li&gt;Helvetica
    &lt;ul&gt;
      &lt;li&gt;Garamond&lt;/li&gt;
      &lt;li&gt;Frutiger&lt;/li&gt;
      &lt;li&gt;Bodoni&lt;/li&gt;
      &lt;li&gt;Futura&lt;/li&gt;
      &lt;li&gt;Times&lt;/li&gt;
      &lt;li&gt;Akzidenz Grotesk&lt;/li&gt;
      &lt;li&gt;Officina&lt;/li&gt;
      &lt;li&gt;Gill Sans&lt;/li&gt;
      &lt;li&gt;Univers&lt;/li&gt;
    &lt;/ul&gt;
  &lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;有意思的是前10款字体中仅有两款是衬线字体。&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>三峡好人</title>
   <link href="http://blog.fangming.li/2007/01/still-life.html"/>
   <updated>2007-01-28T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2007/01/still-life</id>
   <content type="html">&lt;p&gt;&lt;img src=&quot;/assets/images/still-life.jpg&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;p&gt;《三峡好人》应该是06年最好的华语电影。如果只看新闻联播，我们永远不会真正了解三峡人的生活状态。是贾樟柯把镜头对准了他们，向我们展示了真实的社会。&lt;/p&gt;

&lt;p&gt;电影的主角都是山西人，但整个故事场景都在三峡奉节。这非常有意思：奉节的拆房工人向韩三明展示10块钱背面他们的家乡——三峡夔门，而来自山西的三明向他们展示50元背面的黄河壶口瀑布——孕育华夏文明的两条大河。&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;a href=&quot;http://ent.163.com/photoview/51HC0003/96269.html&quot;&gt;网易&lt;/a&gt;&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>Wang Xiaobo Statue</title>
   <link href="http://blog.fangming.li/2006/12/wang-xiaobo-statue.html"/>
   <updated>2006-12-12T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2006/12/wang-xiaobo-statue</id>
   <content type="html">&lt;p&gt;&lt;img src=&quot;http://fangming.li/wimgs/blog/wang_xiaobo_statue.jpg&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;p&gt;图片来源及版权所有：&lt;a href=&quot;http://hi.baidu.com/zmarts&quot;&gt;minarts&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;作者希望在明年4月前完成，征询了李银河的意见，回答是“我看很像”。&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>将 Opera M2 邮件文件转换至 ThunderBird</title>
   <link href="http://blog.fangming.li/2006/12/opera-to-thunderbird.html"/>
   <updated>2006-12-10T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2006/12/opera-to-thunderbird</id>
   <content type="html">&lt;p&gt;Opera的&lt;a href=&quot;http://www.opera.com/products/desktop/m2/&quot;&gt;M2&lt;/a&gt;与Mozilla的&lt;a href=&quot;http://www.mozilla.com/en-US/thunderbird/&quot;&gt;ThunderBird&lt;/a&gt;都是很不错的免费邮件客户端软件。我前段时间一直使用M2，因为公司邮件服务器配置更改，导致发不出邮件，所以想试试ThunderBird（后来知道不是邮件客户端的问题），所以从网上找了一下将M2的邮件导出到ThunderBird的方法。其实操作很简单，我是这么理解的：M2支持将邮件导出为.mbs文件，事实上其文件结构是UNIX通用的邮件格式，而这种文件格式对ThunderBird来说也是可用的。&lt;/p&gt;

&lt;p&gt;详细的操作方法可以参考&lt;a href=&quot;http://www.tomwalsham.com/post.php?id=66&quot;&gt;这篇文章&lt;/a&gt;，在这里备忘一下：&lt;/p&gt;

&lt;ol&gt;
  &lt;li&gt;将M2中需要导出的邮件导出为“exported.mbs”文件（右键，导出），备用。&lt;/li&gt;
  &lt;li&gt;在ThunderBird中新建一个文件夹“imported”，退出ThunderBird。&lt;/li&gt;
  &lt;li&gt;打开ThunderBird的存档文件夹，例如c:/Documents And Settings/YOUR_USER/Application Data/Thunderbird/Profiles/xbsfhafaf.default/Mail/pop.yourPOPserver.com/在这个目录下，我们可以看到有一个“imported.msf”文件和一个没有扩展名的“imported”文件，其中没有扩展名的的这个文件就是用来存储邮件的，现在把它删除，把之前导出的“exported.mbs”拷贝到这个目录中来，重命名为“imported”（不要有扩展名）。&lt;/li&gt;
  &lt;li&gt;运行ThunderBird，应该可以看到之前导出的邮件已经在“imported”文件夹中了。&lt;/li&gt;
&lt;/ol&gt;
</content>
 </entry>
 
 <entry>
   <title>CSS background-positon 属性中百分比数值的使用</title>
   <link href="http://blog.fangming.li/2006/11/background-position.html"/>
   <updated>2006-11-27T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2006/11/background-position</id>
   <content type="html">&lt;p&gt;大部分人应该习惯于使用描述性词语（left、top、center…）或者数值（20px、1em…）对背景图片定位，百分比可能比较少用，常见的有50%、100%等数值。例如希望背景图片水平居中，距离容器顶部20px，可以使用&lt;/p&gt;

&lt;div class=&quot;language-plaintext highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;background-position: 50% 20px;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;之所以不使用&lt;/p&gt;

&lt;div class=&quot;language-plaintext highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;background-position: center 20px;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;是因为类似这种描述性词语和数值混用的形式不被W3C推荐。（&lt;strong&gt;单纯的描述性词语组合使用是没有问题的，例如：background-position: right bottom;&lt;/strong&gt;）&lt;/p&gt;

&lt;!--more--&gt;

&lt;p&gt;使用百分比进行定位的好处是可以利用CSS的计算功能，达到px定位所难以完成的任务。例如在一个宽高均为300px的容器中，使用&lt;/p&gt;

&lt;div class=&quot;language-plaintext highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;background-position: 150px 150px;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;可以看到背景图片的左上角顶点（坐标0,0）定位到了齐容器的中心点（坐标150px,150px）。&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;http://fangming.li/wimgs/blog/background_position_px.png&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;p&gt;而把150px替换为50%，使用&lt;/p&gt;

&lt;div class=&quot;language-plaintext highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;background-position: 50% 50%;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;看到的并&lt;strong&gt;不是&lt;/strong&gt;如下的效果&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;http://fangming.li/wimgs/blog/background_position_incorrect.png&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;p&gt;而是这样&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;http://fangming.li/wimgs/blog/background_position_percent.png&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;p&gt;可见，CSS计算出了背景图片的中心点。这也可以解释为什么我们在使用&lt;/p&gt;

&lt;div class=&quot;language-plaintext highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;background-position: 100% 100%;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;定位的时候，图片被放置在容器的右下角，而并没有跑出容器。（如果使用 background-position: 300px 300px; 的话，背景图片会被移出容器）&lt;/p&gt;

&lt;p&gt;同样，如果使用&lt;/p&gt;

&lt;div class=&quot;language-plaintext highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;background-position: 20% 20%;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;会将背景图片的坐标点(20%,20%)定位到容器的坐标点(20%,20%)。&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;http://fangming.li/wimgs/blog/background_position_20.png&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>FastStone Capture</title>
   <link href="http://blog.fangming.li/2006/11/faststone-capture.html"/>
   <updated>2006-11-22T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2006/11/faststone-capture</id>
   <content type="html">&lt;p&gt;一款顺手的小软件能够很大程度提升工作效率，FastStone Capture正是如此。从名字上就可以看出来，这是一款截屏软件，但我平时最常用到的是它附带的其他两个小功能：取色器和屏幕放大镜。&lt;/p&gt;

&lt;!--more--&gt;

&lt;p&gt;&lt;img src=&quot;http://fangming.li/wimgs/blog/fs_capture_window.gif&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;p&gt;###取色器&lt;/p&gt;

&lt;p&gt;现在网上各式各样的取色器应该不少了，包括之前一直用的蓝色经典推荐的&lt;a href=&quot;http://www.microtask.ca/colorspy2pb.html&quot;&gt;ColorSPY&lt;/a&gt;，Firefox下还有一个专门的取色器扩展&lt;a href=&quot;https://addons.mozilla.org/firefox/271/&quot;&gt;ColorZilla&lt;/a&gt;，这些都是很好的软件。但自从使用了FS Capture之后，这些我都很少用到了。原因很简单，各种取色软件的功能都大同小异，FS Capture非常小巧，既然有这样一个小软件能够包含取色器、屏幕放大镜和截屏的功能，为什么还要为这些功能而分开多个软件呢。FastStone Capture的取色支持RGB、Dec和Hex三种格式的色值，而且还有一个混色器，取到颜色之后可以再编辑。&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;http://fangming.li/wimgs/blog/fs_capture_color_picker.jpg&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;p&gt;###屏幕放大镜&lt;/p&gt;

&lt;p&gt;这确实是一个不错的功能，特别是现在我们已经习惯用DIV来对页面定位，DIV之间的对齐不像表格那样容易控制，有时为了调整几个象素的偏差，不得不对着屏幕盯很久。有这样一个放大镜就方便多了。使用时只需点击一下FS Capture窗口上的放大镜图标，鼠标变成一个放大镜的样子，然后在需要放大的地方按下右键就可以了，就像手里真的拿着一个放大镜一样。可以设置放大倍律，放大镜的尺寸，外观（圆形，矩形以及圆角矩形）以及是否平滑显示，按ESC键或单击右键可退出放大镜。&lt;/p&gt;

&lt;p&gt;###截屏&lt;/p&gt;

&lt;p&gt;包括了全屏截取，当前活动窗口截取，截取选定区域，多边形截取和截取滚动页面等，基本上常用的都有了。特别是滚动截取，许多朋友为了这个功能不惜安装各种重量级的截屏软件，甚至四处下载各种软件的破解器——忘了说了，&lt;del&gt;FS Capturte是一款免费软件&lt;/del&gt;！如今已经是收费的了&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;http://fangming.li/wimgs/blog/fs_capture_context_menu.gif&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;p&gt;###图像浏览/编辑&lt;/p&gt;

&lt;p&gt;FS Capture还包括快速浏览/编辑图像的功能，可以点击主窗口的“打开”图标快速打开一幅图片，进行简单的缩放、裁切、旋转、加文字等轻量级的操作。把网页中图片拖到FS Capture的窗口上，会快速打开图像浏览窗口。&lt;/p&gt;

&lt;p&gt;&lt;a href=&quot;http://www.faststone.org/FSCaptureDetail.htm&quot;&gt;下载FastStone Capture&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;FastStone的另一款软件&lt;a href=&quot;http://www.faststone.org/FSViewerDetail.htm&quot;&gt;FastStone Viewser&lt;/a&gt;（免费的，优秀的图片浏览软件）也相当值得一提，事实上我正是在下载FS Viewser的时候才发现FS Capture的。&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>利用 Javascript 为 Blogger 页面加上标题</title>
   <link href="http://blog.fangming.li/2006/11/blogger-page-title-with-javascript.html"/>
   <updated>2006-11-20T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2006/11/blogger-page-title-with-javascript</id>
   <content type="html">&lt;p&gt;在使用了 Blogger 系统的 Blog 中，存档页面和 Label 页面都没有一个醒目的标题，看起来跟首页没有什么两样，这对于阅读者来说多少有些不友好。如果能够给每个页面加一个标题，例如“存档：2006/11 - 2006/12”或者“TAG：Javascript”，那么阅读者就会减少很多迷惘（&lt;del&gt;本站的演示:Label页面、存档页面&lt;/del&gt;）。这个功能只需了解一下  Javascript 中的 location 对象就不难实现。&lt;/p&gt;

&lt;!--more--&gt;

&lt;p&gt;以URL&lt;/p&gt;

&lt;div class=&quot;language-plaintext highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;http://www.mixfog.com/blog/index.htm?action=view#comment
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;为例，看一下 location 对象的几个常用属性：&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Javascrit location Object&lt;/strong&gt;&lt;/p&gt;

&lt;div class=&quot;language-plaintext highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;属性			值				备注
hash		comment			即我们平时所说的“锚点”链接
host		www.mixfog.com	主机名
hostname	mixfog.com		与host相同，有时会省略www
href		http://www.mixfog.com/blog/index.htm	完整的URL
pathname	/blog/index.htm	URL中hosthost之后的内容
port						端口信息，通常都是空的
pritocol	http:			协议
search		?action=view	查询字符串
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;看了这个表之后，基本上能够总结出一个解决方案了。Blogger中生成的Label页面的URL都是&lt;/p&gt;

&lt;div class=&quot;language-plaintext highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;http://Blog地址/labels/labelName.htm
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;用 Javascript 很容易就可以得到这个 labelName。&lt;/p&gt;

&lt;p&gt;同样，如果设置了存档文件的目录为“archives”，文件名为 archive.htm 的话，一个存档页面的 URL 应该类似&lt;/p&gt;

&lt;div class=&quot;language-plaintext highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;http://Blog地址/archives/2006_11_01_archive.htm
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;也会很容易的获得“2006_11_01”这个字段作为存档页面的标题。但是有一个更好的途径，利用存档页面的 &amp;lt;title&amp;gt;，Blogger 生成的存档页面的 &amp;lt;title&amp;gt;大多是“网站名称:存档时间”，这个存档时间的格式是由个人在后台设置的，例如本站为“2006/11 - 2006/12”。&lt;/p&gt;

&lt;p&gt;那么看一下具体的代码：&lt;/p&gt;

&lt;div class=&quot;language-plaintext highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;function getPageTitle() {
	var pathName = location.pathname; //获得页面路径
	if (pathName.indexOf('/labels/')!=-1) { //判断是否为Label页面 
		var fileName = pathName.split('/labels/');
		var tagName = fileName[1].split('.');
		document.write ('&amp;lt;h1&amp;gt;TAG: '+ tagName[0] +'&amp;lt;/h1&amp;gt;');
	} else if (pathName.indexOf('/archives/')!=-1) { //判断是否为存档页面 
		var pageTitle = document.title.split(':');
		document.write ('&amp;lt;h1&amp;gt;存档: '+ pageTitle[1] +'&amp;lt;/h1&amp;gt;');
	}
}
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;代码很简单，基本上没什么好说的，然后在模板中调用 getPageTitle 即可。由于只在 Label 页面和存档页面用到，所以 ItemPage 就完全不需要这段代码：&lt;/p&gt;

&lt;div class=&quot;language-plaintext highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;&amp;lt;MainOrArchivePage&amp;gt;&amp;lt;script type=&quot;text/javascript&quot;&amp;gt; getPageTitle(); &amp;lt;/script&amp;gt;&amp;lt;MainOrArchivePage&amp;gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;把这段代码加在模板中希望出现页面标题的位置即可，本站的演示可参考“Label页面”、“存档页面”。有几个需要注意的地方：&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;存档的路径会因为个人设置的不同而不同，这不难解决。&lt;/li&gt;
  &lt;li&gt;本例中假设站点名称中不包含半角的冒号，因为存档页的时间和站点标题是用半角冒号来分割的，但即使包含，也不难解决。&lt;/li&gt;
  &lt;li&gt;第三个有点致命，不支持中文的 Label，因为 Blogger 对中文的 Label 进行的转码，例如“电影”，对应的 Label 页面地址可能是“55S15b2x.htm”，好在我的 Blog 中尽量少用中文的 Label 名称，所以这个问题就有待其他人士来解决吧。&lt;/li&gt;
  &lt;li&gt;补充一个，如果您的 Label 中含有空格，在 URL 中会自动转换为 20%，在获取的时候就需要转换回来，但是个人不建议在 Label 中使用空格，用一个连字符“-”也许更好。&lt;/li&gt;
&lt;/ul&gt;
</content>
 </entry>
 
 <entry>
   <title>Blogger Feed 的麻烦</title>
   <link href="http://blog.fangming.li/2006/11/Blogger-Feed.html"/>
   <updated>2006-11-16T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2006/11/Blogger-Feed</id>
   <content type="html">&lt;p&gt;前不久因为 &lt;a href=&quot;http://beta.blogger.com/&quot;&gt;Blogger beta&lt;/a&gt; 没有发布到 Ftp 功能，打算把 blog 转换到 &lt;a href=&quot;http://thingamablog.sourceforge.net/&quot;&gt;Thingamablog&lt;/a&gt;（一款开源的桌面 Blog 发布软件，基于 Java），等我准备得差不多了，Blogger 却推出了这个功能，而且还支持为文章加 Label，我又把做的差不多的 Thingamablog 模板改到 Blogger 上来，之前在 Thingamablog上 写的几篇文章，放在 Blogger 上修改了一下，结果问题就出来了。Blogger 的 Feed 升级到 ATOM 1.0，而且取消了原有的 RSS 2.0 格式。在现在的 Feed 中有两个时间，一个 &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;&amp;lt;published&amp;gt;&lt;/code&gt; ，一个 &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;&amp;lt;updated&amp;gt;&lt;/code&gt; ，对应一个发表时间，一个修改时间。而我现在用 Feedburner 来烧制 Feed，并开启了格式转换，转换成 RSS 2.0（不转换的话，BXNA 认为原 Feed 存在格式错误）。&lt;/p&gt;

&lt;p&gt;Feedburner 使用了那个 &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;&amp;lt;updated&amp;gt;&lt;/code&gt;，也就是说我修改一下现有的文章，即使只改个标点，Feedburener 也会获取到这个修改时间，并把这个时间当成文章的发布时间，把文章提到最新。正是由于这个原因，我的几篇文章长时间在 &lt;a href=&quot;http://blog.blueidea.com&quot;&gt;BXNA&lt;/a&gt; 上位居前列，对读者造成了不便，对不起各位。&lt;/p&gt;

&lt;!--more--&gt;

&lt;p&gt;这几天在网上找解决方案，也没什么收获，&lt;a href=&quot;http://purplemoggy.blogspot.com/2006_09_01_archive.html&quot;&gt;找到了一些 Blogger 自带的 Feed 源地址&lt;/a&gt;，放在这里存档一下。&lt;/p&gt;

&lt;p&gt;站点文章Feed：&lt;/p&gt;

&lt;div class=&quot;language-plaintext highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;http://beta.blogger.com/feeds/blogID*/posts/type*
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;站点评论Feed：&lt;/p&gt;

&lt;div class=&quot;language-plaintext highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;http://beta.blogger.com/feeds/blogID*/comments/type*
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;单篇文章的评论Feed：&lt;/p&gt;

&lt;div class=&quot;language-plaintext highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;http://beta.blogger.com/feeds/blogID*/postID*/comments/type*
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;Label Feed：&lt;/p&gt;

&lt;div class=&quot;language-plaintext highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;http://beta.blogger.com/feeds/blogID*/posts/type*/-/labelname*
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;说明：&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;blogID 和 postID 都不用说了。type 可以是 full、summary 和 default，分别对应全文、摘要和默认，默认的话根据Blogger管理后台中的设置来显示。&lt;/li&gt;
  &lt;li&gt;有说法是 labelname 可以有多个，中间用/隔开，但我试了一下好像不行。&lt;/li&gt;
  &lt;li&gt;还有两个有用的参数：&lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;max-result&lt;/code&gt; 和 &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;start-index&lt;/code&gt; 。默认的 Feed 是从第一条开始，一共输出 25 条，如果加上 &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;?max-results=60&lt;/code&gt; 就是输出 60 条，加上 &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;?start-index=5&lt;/code&gt; 就是从第五条开始输出。&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Update: Blogger 好像在今天不声不响的加上了 RSS Feed。&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>利用 CSS 实现双线边框</title>
   <link href="http://blog.fangming.li/2006/11/double-border-button-with-ie-bug.html"/>
   <updated>2006-11-09T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2006/11/double-border-button-with-ie-bug</id>
   <content type="html">&lt;p&gt;&lt;strong&gt;首先声明，这篇文章中所讲的实例使用到了浏览器的 Bug，这是不被推荐的，仅供大家参考一下。或者在确认这个方案对整个网站的整体效果影响不大的时候，可以小用一下。&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;我们都知道，在 CSS 默认的边框属性中，有 double 这个值，代表双线，但是在实际运用中，效果并不理想，两层边框只能使用一种颜色，而且各个浏览器的解释也略有差异。&lt;/p&gt;

&lt;!--more--&gt;

&lt;p&gt;在一次工作实例中，我本想给 &amp;lt;button&amp;gt; 添加一个背景图片，做一个好看点的按钮，却发现 IE 在显示 &amp;lt;button&amp;gt; 的背景图片时，存在一个 Bug：IE 总是在 &amp;lt;button&amp;gt; 的边框和背景图之间，显示 1px 宽的间隙，间隙的颜色由 &amp;lt;button&amp;gt; 的背景颜色决定。&lt;/p&gt;

&lt;p&gt;这个发现非常好玩，本来 &amp;lt;button&amp;gt; 只有一层边框，现在看起来就像是内外两层边框了。这样不就可以做出双层边框效果的按钮了吗。不过说到底，这只是 IE 的 Bug，其他的现代浏览器在显示 &amp;lt;button&amp;gt; 的背景图片时，还是非常标准的，不存在这 1px 的间隙。好在 CSS 2有另外一个属性：outline，这个属性理所当然的不被 IE 支持，Firefox，Opera，Safari 等浏览器的当前版本都可以正常显示它。这样，我们就可以有一个方案了：&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;对于IE，使用border做外边框，使用Bug中提到的1px间隙做内边框&lt;/li&gt;
  &lt;li&gt;对于现代浏览器，使用outline做外边框，使用border做内边框&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;如下图所示：&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;http://fangming.li/wimgs/blog/outline-bg-image.png&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;p&gt;经过美化后的CSS方案：&lt;/p&gt;

&lt;div class=&quot;language-plaintext highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;button {
	line-height: 40px;
	color: #1e3182;
	background: #FFF url(button_bg.png) repeat-x 0 0;
	padding: 0 1.5em 0 2em;
	letter-spacing: 0.5em;
	cursor: pointer;
}
*&amp;gt;button { /*for modern browser*/
	height: 40px;
	outline: 1px solid #9DAAE2;
	border: 1px solid #FFF !important;
}
* html button { /* for IE 6.0/IE 5.* */
	border: 1px solid #9DAAE2;
}
*+html button { /* for IE 7 */
	border: 1px solid #9DAAE2 !important;
}
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;这个方案的优点是：&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;当然缺点就是双线边框中的内边框在IE下只能是1px，而且由因IE修补Bug而导致方案失效的危险。&lt;/p&gt;

&lt;p&gt;您可以在&lt;del&gt;这个页面&lt;/del&gt;看到实例，虽然由于浏览器的其他原因，显示的效果略有差异：IE 6 高出了 3px，IE 7.0 又矮了两个象素，而且IE显示的宽度都比实际定义的宽出一些，但双线的效果总算都还可以接受。&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>Opera 9.x max-width Bug</title>
   <link href="http://blog.fangming.li/2006/11/max-width-bug-in-opera.html"/>
   <updated>2006-11-07T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2006/11/max-width-bug-in-opera</id>
   <content type="html">&lt;p&gt;max-width和disply:table-cell是非常好用的两个CSS属性。利用max-width和max-height，可以非常方便的将网页中的图片缩小到一定尺寸，而且保证较小的图片不会被放大，图片的宽高比例也不会被强行改变。而disply:table-cell和其他的disply:table等属性结合，可以用div等标签模拟出table的结构，对于页面的排版也非常有用。&lt;/p&gt;

&lt;!--more--&gt;

&lt;p&gt;但是现在看来，Opera(9.00)对max-width的解释有些跟其他浏览器不一致。如果一个图片的原始宽度是300px，在CSS中定义它的max-width为100px，Opera确实能够按照max-width的值显示，但是这个图片在页面中所占据的实际位置却仍然按照原始宽度300px来计算。这点在普通情况下不太明显，一旦把图片放置在一个disply为table-cell的元素中，例如常规的td，或者是disply定义为table-cell的div或其他元素，问题就出来了。Opera会依照图片的原始宽度，把table-cell撑开到300px，虽然显示的图片只有100px宽。而高度却显示正常。阅读全文…&lt;/p&gt;

&lt;p&gt;下图说明了Firefox对这种情况的显示方式，这也正式我们希望的：&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;http://fangming.li/wimgs/blog/max-width-firefox.png&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;p&gt;而Opeera却是这样显示的：&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;http://fangming.li/wimgs/blog/max-width-opera.png&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;p&gt;这里有一个实例，您可以在不同的浏览器中查看本页的显示结果，当然，不要对IE抱有太大的希望。&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;http://fangming.li/wimgs/blog/sampleimg_300_300.jpg&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;p&gt;这是一张原始图片，尺寸为300px/300px，我们把它max-width和max-height都定义为100px：&lt;/p&gt;

&lt;div class=&quot;language-plaintext highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;img {
	max-width: 100px;
	max-height: 100px;
}
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;把它放置在一个宽度和高度均为200px的单元格td中：&lt;/p&gt;

&lt;div class=&quot;language-plaintext highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;td {
	width:200px;
	height:200px;
	vertical-align: middle;
	text-align: center;
	background: #F5F3FF;
	border: 1px solid #CCC7E1;
}
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;&lt;img src=&quot;http://fangming.li/wimgs/blog/sampleimg_300_300.jpg&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;p&gt;把它放置在一个disply为table-cell，宽度和高度均为200px的span标签中，之所以选择span标签，是为了更能体现出IE的显示效果，另外，span之外需要有一个display为table的元素，我们选用一个div：&lt;/p&gt;

&lt;div class=&quot;language-plaintext highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;span {
	disply: table-cell;
	width:200px;
	height:200px;
	vertical-align: middle;
	text-align: center;
	background: #F5F3FF;
	border: 1px solid #CCC7E1;
}
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;&lt;img src=&quot;http://fangming.li/wimgs/blog/sampleimg_300_300.jpg&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>阿郎的故事</title>
   <link href="http://blog.fangming.li/2006/05/a-lang.html"/>
   <updated>2006-05-20T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2006/05/a-lang</id>
   <content type="html">&lt;p&gt;&lt;img src=&quot;/assets/images/a-lang-01.jpg&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;p&gt;这部拍摄于 1989 年的电影，导演杜琪峰，领衔主演周润发+才女张艾嘉（周润发和张艾嘉同时也是编剧），配角吴孟达，音乐罗大佑，这样的组合简直无懈可击。虽说老套的剧情完全谈不上曲折，但最后罗大佑的《你的样子》响起时，真的是催泪弹。&lt;/p&gt;

&lt;!--more--&gt;

&lt;p&gt;&lt;img src=&quot;/assets/images/a-lang-02.jpg&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>Google 提供的小工具</title>
   <link href="http://blog.fangming.li/2006/05/something-about-google.html"/>
   <updated>2006-05-17T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2006/05/something-about-google</id>
   <content type="html">&lt;ul&gt;
  &lt;li&gt;
    &lt;p&gt;&lt;strong&gt;&lt;a href=&quot;http://www.google.com/trends&quot;&gt;Google Trends&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

    &lt;p&gt;这个应该是近期受关注最多的Google项目了，用来反映某种事物在一段时间内的关注趋势。同时查询多个事物，然后研究他们的趋势比较，这个比较有趣，那天晚上我玩到很晚都乐此不疲。来看看&lt;a href=&quot;http://google.com/trends?q=八荣八耻，三个代表&amp;amp;ctab=0&amp;amp;geo=all&amp;amp;date=all&quot;&gt;八荣八耻和三个代表的趋势比较&lt;/a&gt;:)&lt;/p&gt;
  &lt;/li&gt;
  &lt;li&gt;
    &lt;p&gt;&lt;strong&gt;&lt;a href=&quot;http://www.google.com/notebook&quot;&gt;Google NoteBook&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

    &lt;p&gt;Google的网上记事本，通过浏览器插件工作，已有Firefox和IE版本。说起来很有些类似网摘的功能，但到了Google这里就总能给人带来不一样的感觉。数据是存在网络上的，方便在不同的地方读取，还可以跟朋友分享。工作窗口类似Gmail界面中的Talk，Google一贯的AJAX风格。&lt;/p&gt;
  &lt;/li&gt;
  &lt;li&gt;
    &lt;p&gt;&lt;strong&gt;Googleoff/on标签&lt;/strong&gt;&lt;/p&gt;

    &lt;p&gt;网页中有不想被Google检索的信息？用这个：&lt;/p&gt;

    &lt;p&gt;&lt;!--googleoff: index--&gt;
  …不想被检索…
  &lt;!--googleon: index--&gt;&lt;/p&gt;

    &lt;p&gt;&lt;a href=&quot;http://hlb.yichi.org/blog/2006/05/16/104&quot;&gt;详细的参考资料&lt;/a&gt;&lt;/p&gt;
  &lt;/li&gt;
&lt;/ul&gt;
</content>
 </entry>
 
 <entry>
   <title>抓虾，国产的 RSS 阅读器</title>
   <link href="http://blog.fangming.li/2006/04/zhuaxia.html"/>
   <updated>2006-04-26T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2006/04/zhuaxia</id>
   <content type="html">&lt;p&gt;前几天不断看到有人推荐&lt;a href=&quot;http://www.zhuaxia.com/&quot;&gt;这个新生网站&lt;/a&gt;，粗略看，细节上欠精致，不是很喜欢。&lt;/p&gt;

&lt;p&gt;不想这几天提起这个网站的人越来越多，甚至有点好评如潮的意思。我正好也是 RSS 阅读重度用户，从 &lt;a href=&quot;http://www.bloglines.com/&quot;&gt;Bloglines&lt;/a&gt; 到 &lt;a href=&quot;http://www.rojo.com/&quot;&gt;ROJO&lt;/a&gt; 再到 &lt;a href=&quot;http://www.google.com/reader&quot;&gt;Google Reader&lt;/a&gt;，看到大家对抓虾这么好的赞誉，索性也随大流试用一下。&lt;/p&gt;

&lt;p&gt;整体比较简陋，但不拖泥带水。Ajax 的运用非常舒服。暂时把 GReader 的订阅导入到抓虾。&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>谷歌之夜</title>
   <link href="http://blog.fangming.li/2006/04/chinese-name-of-google.html"/>
   <updated>2006-04-21T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2006/04/chinese-name-of-google</id>
   <content type="html">&lt;p&gt;&lt;img src=&quot;http://farm1.staticflickr.com/50/127710097_c71787f231.jpg&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href=&quot;http://gfans.org/2006/04/13/google_global_chinese_name_lau.html&quot;&gt;谷歌之夜&lt;/a&gt;，老崔唱响Google的新长征路。&lt;/p&gt;

&lt;p&gt;图片来源：&lt;a href=&quot;http://www.flickr.com/photos/dashhuang/tags/guge/&quot;&gt;Dashhuang&lt;/a&gt;&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>在 Windows XP 中开启 ClearType</title>
   <link href="http://blog.fangming.li/2006/03/turn-on-windows-xp-cleartype.html"/>
   <updated>2006-03-20T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2006/03/turn-on-windows-xp-cleartype</id>
   <content type="html">&lt;p&gt;听说微软下一步会让系统默认就打开这个效果，目前我们可以在&lt;a href=&quot;http://www.microsoft.com/typography/cleartype/tuner/Step1.aspx&quot;&gt;这里&lt;/a&gt;按照微软的提示手动打开。使用后还可以根据需要随时禁用，在系统的显示属性-&amp;gt;外观-&amp;gt;效果设置面板中。&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>从 Yahoo! 买了域名</title>
   <link href="http://blog.fangming.li/2006/03/yahoo-domains.html"/>
   <updated>2006-03-15T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2006/03/yahoo-domains</id>
   <content type="html">&lt;p&gt;搞活动，确实便宜，5 年才 $14.93。使用广发信用卡付款后，银行第一时间直接打电话过来确认（因为我的卡第一次在Yahoo使用），让我对广发的印象又上了一层。&lt;/p&gt;

&lt;p&gt;Yahoo! 生成还有 Promotion Code，我没去Google搜，不知有谁用过，$14.93/5年，再加上 Promotion Code 岂不是白拣。&lt;/p&gt;

&lt;p&gt;补：事实证明，续费很贵。&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>提供在线网页表单的网站 Wufoo</title>
   <link href="http://blog.fangming.li/2006/03/wufoo.html"/>
   <updated>2006-03-08T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2006/03/wufoo</id>
   <content type="html">&lt;p&gt;&lt;strong&gt;&lt;a href=&quot;http://www.wufoo.com&quot;&gt;http://www.wufoo.com&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;与另一个具有类似功能的网站 &lt;a href=&quot;http://www.jotform.com/&quot;&gt;JotForm&lt;/a&gt; 相比，&lt;a href=&quot;http://www.wufoo.com/&quot;&gt;Wufoo&lt;/a&gt; 的 UI 更胜一筹，界面非常细致，炫目的 AJAX 运用到了极致。&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>Photoshop 中快速调整层的透明度</title>
   <link href="http://blog.fangming.li/2006/02/photoshop-tip.html"/>
   <updated>2006-02-15T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2006/02/photoshop-tip</id>
   <content type="html">&lt;p&gt;今天不经意发现的，不知是否old。用小键盘可以快速调整Opacity，但是对Fill值无效，而我工作中更常用到的是调Fill的值。 这个方法对Opacity和Fill同样有效，看图：&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;http://fangming.li/wimgs/blog/ps-opacity.gif&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>试用 IE 7 beta2 开发版</title>
   <link href="http://blog.fangming.li/2006/02/ie7-beta2.html"/>
   <updated>2006-02-06T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2006/02/ie7-beta2</id>
   <content type="html">&lt;p&gt;刚才用几分钟的时间安装了一下&lt;a href=&quot;http://www.microsoft.com/windows/ie/ie7/ie7betaredirect.mspx&quot;&gt;IE7 beta2&lt;/a&gt;预览版，感觉不错，界面比较理想，也修正一些BUG（例如对hover的支持），工作中还需要用IE6.0调试页面，所以试用了一下马上删了。&lt;/p&gt;

&lt;p&gt;删除方法是在控制面板的添加删除程序中，选中“显示更新”，在下边的更新列表中找到IE7，删除之。&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>新年</title>
   <link href="http://blog.fangming.li/2006/01/new-year.html"/>
   <updated>2006-01-01T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2006/01/new-year</id>
   <content type="html">&lt;p&gt;再过几十分钟，2006年的第一天就要过去了。节后去新公司上班，是全新的开始。&lt;/p&gt;

&lt;p&gt;在老公司临别的宴会上，想到共同走过了3年的时间，别离总是伤感。&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>Bad Taste But I Smell Good</title>
   <link href="http://blog.fangming.li/2005/12/Anthony-Wong-Chau-Sang.html"/>
   <updated>2005-12-31T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2005/12/Anthony-Wong-Chau-Sang</id>
   <content type="html">&lt;p&gt;以前同事总开玩笑，说那些做MP3下载的网站很不负责任，歌手列表里面什么都有——甚至包括黄秋生！最近我才知道，黄秋生真的是唱歌的。&lt;/p&gt;

&lt;p&gt;下载了黄秋生两张专辑，《支离疏》和《Bad Taste But I Smell Good》。《支离疏》给人感觉有些狂躁，风格混杂，没有多听，倒是后一张专辑，很讨我喜欢。&lt;/p&gt;

&lt;p&gt;里面有一些是翻唱，Nirvana、罗大佑、Beyond——秋哥的翻唱绝非黄耀明般深情。专辑中不乏嘲讽、恶搞，是我心目中的黄秋生。&lt;/p&gt;

&lt;p&gt;《尖沙咀Tommy》听着顺耳，《偶然》很美，《大佬》有意思，可惜粤语基本不懂。&lt;/p&gt;

&lt;p&gt;听说专辑里的歌词纸恶搞的更是厉害，未亲见。&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>两个 Firefox 扩展</title>
   <link href="http://blog.fangming.li/2005/11/Two-Firefox-Extensions.html"/>
   <updated>2005-11-23T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2005/11/Two-Firefox-Extensions</id>
   <content type="html">&lt;ul&gt;
  &lt;li&gt;
    &lt;p&gt;&lt;strong&gt;&lt;a href=&quot;https://addons.mozilla.org/extensions/moreinfo.php?id=1419&quot;&gt;IE Tab&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

    &lt;p&gt;一个方便的在FireFox窗口中使用IE的扩展，有点像新版的Netscape。可以一键切换，对于Firefox不能正常浏览的 网页，点一下就可以切换到IE浏览。并不用于IEView，不是在新窗口中打开一个IE浏览器，而是在Firefox的Tab中。对于一些经常浏览的网 站，可以指定总是以IE方式打开。这个扩展对于网页代码的调试也是十分有用的。&lt;/p&gt;
  &lt;/li&gt;
  &lt;li&gt;
    &lt;p&gt;&lt;strong&gt;&lt;a href=&quot;http://mygoogle.kmip.net/&quot;&gt;GoogleCache&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

    &lt;p&gt;一个可查看Google网页快照分扩展。是用用户自定义脚本来重新“裁切”出新的URL并予以转向，其实关键是在search?q=cache:中间加一个连接号&amp;amp;，使新链接成为search?&amp;amp;q=cache:，作者孤掌难鸣也总结出了Opera及IE内核浏览器的解决方案，&lt;a href=&quot;http://mygoogle.kmip.net&quot;&gt;详细浏览&lt;/a&gt;。&lt;/p&gt;
  &lt;/li&gt;
&lt;/ul&gt;
</content>
 </entry>
 
 <entry>
   <title>让扩展程序兼容最新版 Firefox</title>
   <link href="http://blog.fangming.li/2005/10/Firefox-Nightly-Tester-Tools.html"/>
   <updated>2005-10-29T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2005/10/Firefox-Nightly-Tester-Tools</id>
   <content type="html">&lt;p&gt;&lt;a href=&quot;http://www.mozilla.org/products/firefox/releases/1.5beta2.html&quot;&gt;Firefox 1.5 beta2&lt;/a&gt; 已经释出， 但也许你依然在使用1.0x版本，因为升级会使你失去很多Extensions，它们不能与最新版本的Firefox兼容。&lt;/p&gt;

&lt;p&gt;这个Extension，&lt;a href=&quot;http://users.blueprintit.co.uk/%7Edave/web/firefox/buildid/nightly.html&quot;&gt;Nightly Tester Tools&lt;/a&gt;，可以改写Firefox的版本，使大多数低版本的Extension能够运行在新版的Firefox上，而浏览器本身的功能不受影响。&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>搬家到 Blogger.com</title>
   <link href="http://blog.fangming.li/2005/10/hello-blogger.html"/>
   <updated>2005-10-26T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2005/10/hello-blogger</id>
   <content type="html">&lt;p&gt;经过数天的工作，终于把原来的Blog内容全部搬迁至&lt;a href=&quot;http://www.blogger.com&quot;&gt;Blogger.com&lt;/a&gt;，放弃原来已经修改好的L-Blog程序，傍上了Google这棵大树。&lt;/p&gt;

&lt;!--more--&gt;

&lt;p&gt;最早的时候试用过Blogger，后来blogspot.com被封，不得已放弃。一直用着&lt;a href=&quot;http://www.loveyuki.com/&quot;&gt;L-Blog&lt;/a&gt;，但是L-Blog在某些地方的不足导致更换系统只是时间早晚的事情。前段时间了解了一些MovableType，WordPress，Drupal的 信息，分别安装在自己机器上试用了一下，最后准备选Drupal。然而空间的问题一直没有解决，加上对Blogger尚存残念，重新研究了一下，发现 Blogger虽然存在许多硬伤，但也不是没有补救的办法。&lt;/p&gt;

&lt;p&gt;Blogspot被封，我们可以使用Blogger的FTP功能把日志存放在自己的服务器上； 没有Trackback功能，&lt;a href=&quot;http://www.haloscan.com/&quot;&gt;Haloscan&lt;/a&gt;为我们提供；不支持日志分类，用&lt;a href=&quot;http://www.furl.net/&quot;&gt;Furl&lt;/a&gt;可以解决（参见&lt;a href=&quot;http://www.oui-blog.com/reder/archives/005906.html&quot;&gt;Blogger.com分类by Furl&lt;/a&gt;，舍弃Feed2Js，Furl自己完全可以胜任，而且速度比Feed2Js还快些）。另外用&lt;a href=&quot;http://greasemonkey.mozdev.org/&quot;&gt;Greasemonkey&lt;/a&gt;安装一些脚本还可以方便地为日志加上标签Ping到Technorati（&lt;a href=&quot;http://userscripts.org/tag/blogger&quot;&gt;Script for Blogger.com&lt;/a&gt;）。&lt;/p&gt;

&lt;p&gt;生命在于折腾，众多高手支招弥补了Blogger的诸多不足，我们这些菜鸟坐享其成了 XD。&lt;/p&gt;

&lt;p&gt;&lt;del&gt;利用Furl做了分类之外，还做了一个所有日志的列表，方便从搜索引擎链过来的朋友重新查找日志。&lt;/del&gt;&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>利用代理脚本访问维基百科</title>
   <link href="http://blog.fangming.li/2005/10/access-wikipedia-with-proxy-pac.html"/>
   <updated>2005-10-26T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2005/10/access-wikipedia-with-proxy-pac</id>
   <content type="html">&lt;p&gt;说是这周三有希望解禁，但是现在还没有看到什么变化。这里有一个在Firefox下用代理脚本访问的解决方案，权且用一下吧。&lt;/p&gt;

&lt;!--more--&gt;

&lt;div class=&quot;language-plaintext highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;function FindProxyForURL(url, host) {
	url = url.toLowerCase();
	host = host.toLowerCase();
	if(dnsDomainIs(host,&quot;wikipedia.org&quot;)) return &quot;PROXY 145.97.39.132:80&quot;;
	else return &quot;DIRECT&quot;;
}
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;把这段文本保存为proxy.pac，然后选择Firefox的工具/选项/连接设置/选择自动代理配置，输入proxy.pac的路径，如：”C:\Program Files\Mozilla Firefox\plugins\proxy.pac”，然后载入设置，ok。&lt;/p&gt;

&lt;p&gt;由于维基的图片是在wikimedia.org域中的，所以按照上述方法处理后，图片仍然显示不出来，我在配置文件中加了这么一行：&lt;/p&gt;

&lt;div class=&quot;language-plaintext highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;else if(dnsDomainIs(host,&quot;wikipedia.org&quot;)) return &quot;PROXY 145.97.39.132:80&quot;;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;
</content>
 </entry>
 
 <entry>
   <title>用 Writely 发博客</title>
   <link href="http://blog.fangming.li/2005/10/Writely.html"/>
   <updated>2005-10-25T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2005/10/Writely</id>
   <content type="html">&lt;p&gt;&lt;a href=&quot;http://blog.fangming.li/2005/10/flock.html&quot;&gt;安装了Flock&lt;/a&gt;之后，发现其中的Blog发布功能并不尽如人意，&lt;a href=&quot;http://www.zoundry.com/&quot;&gt;Zoundry&lt;/a&gt;缺点也很多，突然想到&lt;a href=&quot;http://www.mixfog.com/blog/2005/09/writely.htm&quot;&gt;Writely&lt;/a&gt;，一个不错的在线编辑网站，打开一看，果然有Blog发布功能。理所当然支持Blogger.com。&lt;/p&gt;

&lt;p&gt;测试了一下，还不错，可以在代码格式下编辑，生成的代码也比较规范，这一点比Flock和Zoundry强。但有些手写代码会让他发傻，你怎么写，他怎么 显示，你在代码格式下写个&amp;lt;div&amp;gt;， 切换到编辑格式，他就给你显示个&amp;lt;div&amp;gt;，硬生生地把你的源代码显示出来，不是他到底是怎么想的。另外不得不说的是，访问起来实在太慢。看来看去，都还不如Blogger.com自己的发布页面。&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>社会化浏览器 Flock</title>
   <link href="http://blog.fangming.li/2005/10/flock.html"/>
   <updated>2005-10-21T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2005/10/flock</id>
   <content type="html">&lt;p&gt;&lt;a href=&quot;http://www.flock.com/&quot;&gt;Flock&lt;/a&gt;是一批Firefox的开发者新推出的一个“社交浏览器”，仍然采用Gecko内核，与Firefox最主要的不同之处在于强调社交性。&lt;/p&gt;

&lt;p&gt;Flock内置了各种一些主流Blog服务的API接口，例如Blogger.com。&lt;/p&gt;

&lt;p&gt;默认使用Flickr共享图片，可以把Flickr中的图片直接拖到Blog editor中，发布到博客上。&lt;/p&gt;

&lt;p&gt;发布Blog可直接ping到&lt;a href=&quot;http://www.technorati.com/&quot;&gt;Technorati&lt;/a&gt;。&lt;/p&gt;

&lt;p&gt;Flock的书签管理器使用的是&lt;a href=&quot;http://del.icio.us/&quot;&gt;del.icio.us&lt;/a&gt;的API，完全在线上管理书签。&lt;/p&gt;

&lt;p&gt;另外，UI设计十分出色，用起来很舒服，而且支持一部分Firefox的Extension。&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>维基百科被封</title>
   <link href="http://blog.fangming.li/2005/10/Wikipedia-blocked.html"/>
   <updated>2005-10-20T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2005/10/Wikipedia-blocked</id>
   <content type="html">&lt;p&gt;如是，为记。&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>Dreamweaver 8 Library Bug</title>
   <link href="http://blog.fangming.li/2005/10/Dreamweaver-library-bug.html"/>
   <updated>2005-10-14T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2005/10/Dreamweaver-library-bug</id>
   <content type="html">&lt;p&gt;Dreamweaver中的Library用起来很方便，把页面中的一部分（例如导航条）制作成一个.lbi文件，嵌入到相关页面中，以后只需修改这个lbi文件，相关的页面便可以update。&lt;/p&gt;

&lt;p&gt;安装了DW8之后，我遇到了一点麻烦。如果站点是建立在区域网中其他电脑上的，修改lbi后页面便得不到更新。站点在本地的话更新正常。同样的站点在MX2004中也更新正常。&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>Mozilla 中国</title>
   <link href="http://blog.fangming.li/2005/09/mozilla-china.html"/>
   <updated>2005-09-29T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2005/09/mozilla-china</id>
   <content type="html">&lt;p&gt;&lt;a href=&quot;http://www.mozine.org&quot;&gt;http://www.mozine.org&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Mozilla 中国网站于9月28日正式开通。&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>Writely</title>
   <link href="http://blog.fangming.li/2005/09/Writely.html"/>
   <updated>2005-09-06T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2005/09/Writely</id>
   <content type="html">&lt;p&gt;&lt;a href=&quot;http://www.writely.com/&quot;&gt;Writely&lt;/a&gt;远远超出了普通的WebEditor的功能，利用它，你可以&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;上载本地的Word文档，或HTML、TXT文档进行编辑，并且可以将编辑完成的文档下载到本地，支持zip下载。&lt;/li&gt;
  &lt;li&gt;多人协同编辑。这是一个十分有创意的功能，有点像WiKi。&lt;/li&gt;
  &lt;li&gt;查看文档的编辑历史。每一次修改都留有记录，并且可以恢复到任意一次记录版本。&lt;/li&gt;
  &lt;li&gt;分享。你可以将你的文档公开或者与指定的好友分享。&lt;/li&gt;
  &lt;li&gt;为文章加上时下流行的Tags。&lt;/li&gt;
&lt;/ul&gt;
</content>
 </entry>
 
 <entry>
   <title>关于搜索引擎的两个 Flash</title>
   <link href="http://blog.fangming.li/2005/09/something-about-search-engine.html"/>
   <updated>2005-09-03T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2005/09/something-about-search-engine</id>
   <content type="html">&lt;ul&gt;
  &lt;li&gt;
    &lt;p&gt;&lt;strong&gt;&lt;a href=&quot;http://www.search-this.com/search_engine_decoder.asp&quot;&gt;Search Engine Decoder&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

    &lt;p&gt;用于展示各大搜索引擎之间错综复杂的关系网，包括目录提供，搜索结果提供，从属关系等。&lt;/p&gt;
  &lt;/li&gt;
  &lt;li&gt;
    &lt;p&gt;&lt;strong&gt;&lt;a href=&quot;http://www.search-this.com/pagerank_decoder&quot;&gt;PageRank Decoder&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

    &lt;p&gt;让你从视觉上直观地了解到Google PageRank是怎么工作的。&lt;/p&gt;
  &lt;/li&gt;
&lt;/ul&gt;
</content>
 </entry>
 
 <entry>
   <title>让 IE 支持 abbr 标签</title>
   <link href="http://blog.fangming.li/2005/09/use-abbr-in-ie.html"/>
   <updated>2005-09-02T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2005/09/use-abbr-in-ie</id>
   <content type="html">&lt;p&gt;&lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;&amp;lt;abbr&amp;gt;&lt;/code&gt; 是一个表示一个词或短语的简称（如“HTML”）的标签，通常同时使用title属性来指出原词或原意。但是这个标签一直以来没有得到IE的支持。今天在网上看到了这个解决方案，作者&lt;a href=&quot;http://dean.edwards.name/&quot;&gt;Dean Edwards&lt;/a&gt;一再声明“This is not a hack”。&lt;/p&gt;

&lt;p&gt;解决方案：在文档头部&lt;/p&gt;

&lt;div class=&quot;language-plaintext highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;&amp;lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&amp;gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;中做如下改动&lt;/p&gt;

&lt;div class=&quot;language-plaintext highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;&amp;lt;html xmlns:html=&quot;http://www.w3.org/1999/xhtml&quot;;&amp;gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;然后，把原来的&lt;/p&gt;

&lt;div class=&quot;language-plaintext highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;&amp;lt;abbr title=&quot;abbreviation&quot;&amp;gt;abbr&amp;lt;abbr&amp;gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;改为&lt;/p&gt;

&lt;div class=&quot;language-plaintext highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;&amp;lt;html:abbr title=&quot;abbreviation&quot;&amp;gt;abbr&amp;lt;/html:abbr&amp;gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;
</content>
 </entry>
 
 <entry>
   <title>Blog 页面重构</title>
   <link href="http://blog.fangming.li/2005/08/site-rebuild.html"/>
   <updated>2005-08-25T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2005/08/site-rebuild</id>
   <content type="html">&lt;p&gt;这次的工作包括：&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;页面的布局，由原来的Table架构更换为DIV布局，并通过W3C XHTML 1.0验证。&lt;/li&gt;
  &lt;li&gt;重新格式化样式表，通过W3C CSS验证，并使页面能够在大多数流览器下正确显示。&lt;/li&gt;
  &lt;li&gt;修改了一下RSS FEED，分别通过RSS 1.0和RSS 2.0验证，时间格式改为符合标准的格式，使日志能够被聚合器顺利读取。&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;整个网站还有很多工作要做，特别是样式表还很乱。由于一开始是用Dreamweaver生成的，按选择符规类排序，导致样式表中重复属性很多，而后再改起来十分麻烦。&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>好玩的 Flash 闯关游戏网站</title>
   <link href="http://blog.fangming.li/2005/08/questfortherest.html"/>
   <updated>2005-08-10T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2005/08/questfortherest</id>
   <content type="html">&lt;p&gt;&lt;img src=&quot;http://fangming.li/wimgs/blog/questfortherest.jpg&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href=&quot;http://www.questfortherest.com&quot;&gt;http://www.questfortherest.com&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;简单好玩的过关游戏，画面精致。&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>孩子王</title>
   <link href="http://blog.fangming.li/2005/05/King-of-the-childern.html"/>
   <updated>2005-05-28T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2005/05/King-of-the-childern</id>
   <content type="html">&lt;p&gt;《孩子王》是一部对教育制度进行反思的影片。另外，观看这部影片让我回忆起自己的学生时代。虽然时间和空间上都存在一些差异，但是简陋的教室、浅显的课文、纯真的学生以及影片中散发出的那种土腥味儿都让人倍感温馨。&lt;/p&gt;

&lt;p&gt;可能是为了保持阿城小说的原味，这部影片的对白略显生硬，但总体感觉并不坏。不知道换成方言对白的话会不会好。&lt;/p&gt;

&lt;p&gt;影片的摄影空灵，质朴，宁静。&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>买了域名</title>
   <link href="http://blog.fangming.li/2005/05/new-domain.html"/>
   <updated>2005-05-24T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2005/05/new-domain</id>
   <content type="html">&lt;p&gt;接触网络已有5、6年的历史，总算给自己注册了一个&lt;a href=&quot;http://www.mixfog.com&quot;&gt;域名&lt;/a&gt;，加上已经购买的空间，现在也算是“有名有分”。&lt;/p&gt;

&lt;p&gt;回想2000年左右刚上网的时候，每天就是在满网路的找免费邮箱、免费域名、免费空间……那时候的免费信息网站好像特别多，自己的小本子上记得密密麻麻的。人家说电脑实现无纸化办公，我却因为网路买了好几个记事本。&lt;/p&gt;

&lt;p&gt;当时申请过一个免费的域名，乐巅巅的就开始制作自己的个人网站了，等做完才明白，域名只是域名，做好的东西传哪儿啊？真是不堪回首。&lt;/p&gt;

&lt;p&gt;伴随新域名 mixfog.com 的启用，还做了个自动的转向，访问旧域名会自动转向到新域名的相关地址，并且把网址中的参数一块传递过来，这样以前的旧连接就不会因为域名的变化而失效了。&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>乌兰巴托的夜</title>
   <link href="http://blog.fangming.li/2005/04/Ulan-Bator-night.html"/>
   <updated>2005-04-24T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2005/04/Ulan-Bator-night</id>
   <content type="html">&lt;p&gt;还没有看贾樟柯的新电影《世界》，但是偶然听到了这首《乌兰巴托的夜》，因为看到了这个 &lt;a href=&quot;http://www.flashempire.com/theater/play.php?id=10475&quot;&gt;Flash MV&lt;/a&gt;。&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;关于左小诅咒&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;通过《庙会之旅》知道左小诅咒。大约是2000年的时候，在沈阳北行的一家音像店买了几盒带，好像是摩登天空推出的一系列，包括《木马》、《舌头》等，其中包括这盘《庙会之旅》。对主打歌《皮条客》印象深刻。&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;关于这个Flash MV&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;由四个Flasher联手制作，老蒋、皮三、白丁、BBQI，他们的作品经常出现在闪客帝国上。&lt;/p&gt;

&lt;p&gt;这首改编自蒙古民歌。&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>电影与讲故事</title>
   <link href="http://blog.fangming.li/2005/04/good-movie.html"/>
   <updated>2005-04-17T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2005/04/good-movie</id>
   <content type="html">&lt;p&gt;闲暇的时候，走马观花地看一看硬盘里的电影，由于好多电影之前都看过了，发现大部分都可以在任意时间打断，去忙别的。只有少数电影我不敢随意打开，因为这些电影永远能够吸引我一遍又一遍的从“片头”看到“鸣谢”。这些影片包括《教父》、《七武士》、《出租车司机》及《低俗小说》等。不可否认这其中有我个人的偏好的因素，但这对于一部电影的优劣，仍然是可以说明一些问题的。&lt;/p&gt;

&lt;p&gt;在《昨天》这部电影里面，张扬说了他之前不怎么看好贾宏声这个演员，说他“做”。“做”的意思有点假模假式、装模作样。其实我觉得在《昨天》这部电影里面，作为导演，张扬自己也有一点“做”。说开去，任何导演都很难摆脱这个“做”，就是不好好讲故事，搞形式，起高调，类似与样板戏里面常见的那种定格的亮相，一下子告诉你这地儿升华了，让人反胃。&lt;/p&gt;

&lt;p&gt;这是导演生怕观众不懂，生怕观众不会或者没时间思考，所以导演我给你一个机会，给你一点提示，告诉你这个电影是有内涵的，这个镜头是蕴意深刻的，这个故事是应该得到升华的。但是观众不是傻子，观众是花钱买票看电影的，是消费者，内涵不是你导演说出来的，这么做，只会弄得整部电影云山雾罩的，弄好了，跟近几年的王家卫似的，弄不好，我都不知道你是谁。&lt;/p&gt;

&lt;p&gt;导演怕观众不懂，实际上是对自己的镜头语言没有信心，畏畏缩缩的，根本不可能成功的用镜头来讲好故事。杜甫的诗，很多都是朴素甚至口语化的；王小波的小说，在精彩故事中蕴涵着发人深思的思维火花，这些都不是令人乏味的枯燥的说教。&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>Contax 即将退出相机历史</title>
   <link href="http://blog.fangming.li/2005/04/contax.html"/>
   <updated>2005-04-17T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2005/04/contax</id>
   <content type="html">&lt;p&gt;Kyocera（京瓷）停止了旗下所有胶片相机和数码相机的生产研发，全心致力于它的手机和半导体领域的研发和生产，旗下的相机品牌 Contax（康太克斯）前途尴尬。对于Contax这个相机历史上的永恒的经典，这个消息令人不得不扼腕叹息。&lt;/p&gt;

&lt;p&gt;1930 年起，Contax 就在相机之乡德国由著名的 Carl Zeiss（卡尔・蔡司）集团一手打造诞生，并与Leica（徕卡）等知名相机品牌齐名，一直享有极高的威望和声誉。上世纪60年代，Contax 被 日本 Yashica（雅西卡）公司收购，随后 Yashica 又被 Kyocera 收归旗下，Contax顺理成章地成为了 Kyocera 所有。&lt;/p&gt;

&lt;p&gt;曾经有人这么评价 Contax：如果没 Contax，就没有 Leica 帝国今天的地位。&lt;/p&gt;

&lt;p&gt;的确，如果没有 Contax 那么多款经典相机来配合 Leica 镜头，那么 Leica 充其量还在少数贵族手中闲置吧。而今，Contax 这个曾经和尼康争锋，看佳能雄起的品牌，终于走到了最后，2005年4月12日，日本 Kyocera 公司宣布，Contax 品牌的胶片相机停止生产，理由是 Contax 已经不能适应现今快速发展的相机工业和消费市场，公司表示，现今的 Contax 还可以保修十年。&lt;/p&gt;

&lt;p&gt;传闻接下来 Contax 的收购者，最大的可能是 SONY。&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>开启 Firefox 的单窗口模式</title>
   <link href="http://blog.fangming.li/2005/04/Firefox-single-window-mode.html"/>
   <updated>2005-04-06T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2005/04/Firefox-single-window-mode</id>
   <content type="html">&lt;p&gt;以前总是用T&lt;a href=&quot;https://addons.mozilla.org/extensions/moreinfo.php?id=158&quot;&gt;abbrowser Extensions&lt;/a&gt;来实现Firefox的单窗口模式，其实在config里面也可以很方便的设置：&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;输入地址 “about:config”&lt;/li&gt;
  &lt;li&gt;搜索 browser.tabs.showSingleWindowModePrefs&lt;/li&gt;
  &lt;li&gt;双击，把值改为 “true”&lt;/li&gt;
  &lt;li&gt;重启 Firefox&lt;/li&gt;
  &lt;li&gt;打开设置面板&lt;/li&gt;
  &lt;li&gt;高级 -&amp;gt; 标签浏览&lt;/li&gt;
  &lt;li&gt;选中 “链接在新标签打开”&lt;/li&gt;
  &lt;li&gt;再次重启 Firefox&lt;/li&gt;
&lt;/ul&gt;
</content>
 </entry>
 
 <entry>
   <title>事如春梦了无痕</title>
   <link href="http://blog.fangming.li/2005/03/poem.html"/>
   <updated>2005-03-14T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2005/03/poem</id>
   <content type="html">&lt;blockquote&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;/blockquote&gt;

&lt;p&gt;沈复在《浮生六记》开篇便用了“事如春梦了无痕”一句。&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>耍大牌的设计师</title>
   <link href="http://blog.fangming.li/2005/03/ora-ito.html"/>
   <updated>2005-03-14T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2005/03/ora-ito</id>
   <content type="html">&lt;p&gt;&lt;a href=&quot;http://www.ora-ito.com&quot;&gt;Ora-Ito&lt;/a&gt;，这位年仅27岁混血小伙子以“耍大牌”著称，这个“耍大牌”不是指摆架子，而是真正的“耍”大牌——自作多情地为超级品牌设计产品，煞有介事当作案例摆在自己的网站上，而这些产品根本就是作者的 YY。&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;/assets/images/ora-ito-louis-vuitton-bag.jpg&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;p&gt;为 Louis Vuitton 设计的双肩背&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;/assets/images/ora-ito-heineken.jpg&quot; alt=&quot;image&quot; /&gt;&lt;/p&gt;

&lt;p&gt;把 Heineken 的酒瓶子设计得跟 SIGG 运动水壶似的&lt;/p&gt;

&lt;p&gt;ORA-ITO 目前已被 Davidoff 聘为正式设计师，看来 YY 也并非没有出头之日。&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>幻水梦天</title>
   <link href="http://blog.fangming.li/2005/03/douwei-site.html"/>
   <updated>2005-03-14T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2005/03/douwei-site</id>
   <content type="html">&lt;p&gt;&lt;a href=&quot;http://www.douwei.com&quot;&gt;http://www.douwei.com&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;网站做得不错，有古典意境，内容也很丰富。&lt;/p&gt;

&lt;p&gt;一直以为在华语的歌坛上，窦唯与王菲两人一个站得高，一个走得远，都可以说是登堂入室的一代高手。&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>基于 Flash 的 Blog</title>
   <link href="http://blog.fangming.li/2005/03/flash-blog.html"/>
   <updated>2005-03-08T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2005/03/flash-blog</id>
   <content type="html">&lt;p&gt;一个带有试验性的作品，利用 Flash+Javascript+Asp+Access 开发出的一套 Blog 系统，感觉不错，现在还在不断完善中，期待正式版本。&lt;/p&gt;

&lt;p&gt;地址：&lt;a href=&quot;http://web.sunjpg.com/blog/&quot;&gt;http://web.sunjpg.com/blog/&lt;/a&gt;&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>侯孝贤：重新再看小津安二郎</title>
   <link href="http://blog.fangming.li/2005/02/ozu-yasujiro.html"/>
   <updated>2005-02-19T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2005/02/ozu-yasujiro</id>
   <content type="html">&lt;blockquote&gt;
  &lt;p&gt;一九八五年我拍完《童年往事》，十一月 随《冬冬的假期》参加法国南特影展，却在巴黎阿萨亚斯女友的家住了近一个月，为等迟迟未寄达的《童年往事》拷贝。当时贝沙洛影展主席马可穆勒也在巴黎，跟 我讲有一部“小律”的电影一定要看。马可说一口道地的普通话，年轻时是义大利共产党，到中国念书碰上文化大革命待了七年。他把小津说成小律。&lt;/p&gt;

  &lt;p&gt;我们看的是小津的默片《我出生了，但……》，以及一部中国三○年代的片子《乌鸦与麻雀》，被我叫成 Two Birds。这是我第一次看小津电影，很喜欢。看完一直模仿电影里鬼心眼弟弟金鸡独立的顽皮动作，回台湾逢人就讲。大家看我中邪般的模仿好笑，引起了兴 趣，竟也在录影带店找到《秋刀鱼之味》，互相传看，爆发了一阵小津热。便很快从香港友人那里录来《我出生了，但……》，大家看得入迷，就又找到《东京物 语》、《早安》，之后陆陆续续，能看到的带子都看了。最喜欢的是《晚春》，小津四十六岁时拍的，透彻极了，厉害。&lt;/p&gt;

  &lt;p&gt;####“不动”的镜头&lt;/p&gt;

  &lt;p&gt;早年我常常遇到人问，有没有受到小津电影的影响，最显而易见的当然是指，小津不移动的固定镜头，因此还被人戏称为“不动明王”。问的多了，看场合我就干脆回答：“因为懒”，结果哄堂大笑，宾主尽欢。&lt;/p&gt;

  &lt;p&gt;如众所皆知，小津一直只使用一种镜头，摄影机离地板数十公分高，保持与角色坐在榻榻米上的平行角度来拍摄。由于日本人在榻榻米上生活，若用高踞在脚架上的摄 影机来观察这种生活，是不真实的，而须以盘坐在榻榻米上日本人的视线水平，来观察他们四周的人、事、物。小津镜头少移动，到了晚年几乎不动，唯一的标点符 号是跳接。这个说法，台湾似乎仅有的一本小津研究翻译书，作者唐纳．瑞奇（Donald Richie）说，这是一种静观的眼界，一种倾听和注视的态度；这和一个人在观赏能乐，在做茶道或花道的时候，所采取的姿态是相同的。&lt;/p&gt;

  &lt;p&gt;####着迷于真实&lt;/p&gt;

  &lt;p&gt;至于以前我的不动，是因为我喜欢用非演员。而非演员，最好不要惊动他们。不能太靠近。若架了轨道拍到他们面前，他们就不见了。所以用中景，拍得长，让他们在我给的环境材料里活动，我尽量捕捉而已。为了捕捉真实，重组真实，以及对真实无以名之的偏执，就变成这样不动了。&lt;/p&gt;

  &lt;p&gt;着迷于真实到偏执的地步，是我拍片最痛苦的地方。年纪愈大愈偏执，越不能让渡，过关。我常说电影在脑中想的时候是活的，却死于剧本的纸上作业，在拍摄当下复 活了，又死于底片，然后在剪接里再次复活。而我的急性子往往等不到剧本弄好就拍，自认角色活了，电影就成立了，至于剧情疏陋，下一部再努力吧。所以我也不 试戏，直接就拍。或者说，用底片试戏。这方面比我更走到极端不计血本的，是王家卫，他用底片当草稿。&lt;/p&gt;

  &lt;p&gt;七○年代我做过场记、副导演、编剧， 当时拍一部电影约用两万五千尺底片。（一部九十分钟的电影是八千一百尺。）我开始执导以后，就自觉的不要被底片绑住，大概用到四万尺，每每一卷四百尺让它 一个镜头（take）跑完。这次为小津一百岁冥诞纪念赴日本拍日语片，用了十六万尺，经常一卷一千尺一镜跑完。或譬如《海上花》开场的饭局，铺了轨道缓慢 移动推近，九分钟的戏一镜到底，完全看场面调度了。&lt;/p&gt;

  &lt;p&gt;一九九八年底，东京举办一场小津展与讨论会，系摄影师厚田雄春的后人捐赠了一批胶卷，乃小津的默片《那夜的妻子》（1930），经过清洗整理后公开放映。同时，在东京大学总合研究博物馆展出厚田跟小津的文物，校长莲实重彦邀我和小说家朱天文参加，并发言。&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;说老实话，有时候我好像喜欢成濑更胜过小津。而成濑的被世界所知，比小津，又更晚了十年。朱天文曾写过两人的不同。她说小津简洁的风格，独创的景框 （frame）是数学的，几何的，在垂直线和平行线里梭织着感情。她说小津静观，思省；成濑却自己参与在内，偕运命同流转，多了颜色，更无痕迹。我曾看到 杂志上登列导演们心目中的第一名，王家卫的是成濑的《浮云》。&lt;/p&gt;

  &lt;p&gt;这次还放映温德斯的纪录片《寻找小津》。近几年大家都着迷温德斯的《乐士浮生录》，记录了那批华丽又差不多快绝种的古巴老艺人。昔日，温德斯也采访到厚田雄春。厚田说：“小津去了，我的心也跟他去了……我把人生的黄金岁月都给了 他。我很高兴也许全世界没有一个摄影师能够像我这样，小津得到了我的最好的……”访问在厚田动容起来，不断抱歉，哽咽不成声中结束。&lt;/p&gt;
&lt;/blockquote&gt;
</content>
 </entry>
 
 <entry>
   <title>李陵</title>
   <link href="http://blog.fangming.li/2005/01/li-ling.html"/>
   <updated>2005-01-27T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2005/01/li-ling</id>
   <content type="html">&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;
</content>
 </entry>
 
 <entry>
   <title>Start Blogging</title>
   <link href="http://blog.fangming.li/2005/01/start-blogging.html"/>
   <updated>2005-01-23T00:00:00+00:00</updated>
   <id>http://blog.fangming.li/2005/01/start-blogging</id>
   <content type="html">&lt;p&gt;早就下载了&lt;a href=&quot;http://www.loveyuki.com/&quot;&gt;L-Blog&lt;/a&gt;的博客程序，想改来着，但是一直忙得不得空。这个周末有了一点时间，匆忙改了几个页面，虽然还有很多地方没有改到想像中的程度，总算说得过去了。春节在即，先传上来看效果。&lt;/p&gt;

&lt;p&gt;之前并没有一个像样的博客，申请过从&lt;a href=&quot;http://www.blogger.com/&quot;&gt;Blogger&lt;/a&gt;、&lt;a href=&quot;http://spaces.msn.com/&quot;&gt;MsnSpace&lt;/a&gt; 到国内的&lt;a href=&quot;http://www.blogbus.com/&quot;&gt;BlogBus&lt;/a&gt;，都是试用，心里一直希望能有一个完全属于自己的博客。L-Blog虽然前阶段出现了一些安全漏洞，但是都及时修正了，毕竟不是商用的东西，不能去要求太完美。&lt;/p&gt;

&lt;p&gt;与默认程序相比，我在以下几个方面做了修改：&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;整站的代码经过修正，已经完全符合W3C网页标准，用FireFox流览器测试完全通过。&lt;/li&gt;
  &lt;li&gt;暂时去除了用户注册的功能，在网友发表评论的时候，加入电子邮件为必填项，网址为选填。电子邮件和网址均做了一个简单的验证。电子邮件位址可选择不显示。&lt;/li&gt;
  &lt;li&gt;为主页面日志添加了一个显示/隐藏摘要的按钮。&lt;/li&gt;
  &lt;li&gt;增加了可发布HTML日志的功能。&lt;/li&gt;
  &lt;li&gt;增加了评论的搜索功能。&lt;/li&gt;
  &lt;li&gt;整站的颜色全部采用CSS控制，也就是说可以通过修改一个CSS档来改变整个网站的配色。打算以后有时间做一套可动态选择皮肤的功能。&lt;/li&gt;
&lt;/ul&gt;
</content>
 </entry>
 
 
</feed>