石锅拌饭

Tag: blog

WordCamp Beijing 2007

by on Sep.03, 2007, under Uncategorized

昨天参加了WordCamp Beijing 2007 – 中国 WordPress 用户聚会,说实话,和wordpress直接有关的话题不多,而且我敢说台上做演讲的人使用wordpress的也在半数以下。72pines的开场演讲,对wordpress做了个相当泛泛介绍,台下提问者寥寥。倒是后面吕欣欣关于blog挣钱的问题引起了一个小高潮。

整个活动更象是一个blog圈子的聚会,转来转去就是那些人。中国的blogger太孤独了,生来就因原罪要带着枷锁,头上又被Google Adsense压的没有脾气,实在需要多些机会聚一聚,互相温暖一下。过些日子好像就要中文网志大会了,争取再参加。

下午和饭否的穆荣均聊了一会儿。说起来,当年还是看到他把blog换成wordpress,自己才开始用的。现在他已经在microblog了。

1 Comment :, , more...

我在Mac上写blog所用到的工具

by on Jul.14, 2006, under Uncategorized

看到一个mac os x的用户列出他写blog所用到的软件列表,我也列一下我在mac os x下写blog必用的几个软件:

Quicksilver

quicksilver
如果没有Quicksilver,别说blog,干什么都不对劲了。我用Quicksilver启动所有的程序和各种文档,检索我的del.icio.us书签,调用剪贴板,让我的鼠标手症状缓解了90%。如果你还不会用它,可以参考它的说明文档

Ecto

ecto
我缺省的blog编辑发布工具,用它维护了三个不同的blog。它让我不需要忍受简陋的在线编辑器,可以方便的维护tag,用简单的自定义快捷键插入常用的HTML标签,随时预览,方便的加入图片,将脑子里随时闪过的念头随时保存成草稿。Ecto就快发布3.0,非常让人期待。

TextMate

textmate
虽然TextMate对中文支持有问题,但用它来编写代码实在是太方便了。它是我的缺省php/html/css编辑器,借助强大的语言绑定包,用它写代码简直就是一种享受。尤其在写css的时候,对于我记不清楚的属性,只要通过tab键组合就能自动补全,连手册也不用查了。另外,TextMate和ctags以及svn配合使用也非常方便。我主要用它修改wordpress的插件和主题。

Safari+Firefox

safari
Firefox在Mac OS X上中文掉字的问题是永远的痛。Safari的速度也是我在Mac上使用它而不是Firefox的原因之一。但在调试网页的时候我还是会使用Firefox,因为它有Web Development插件和一个强大的DOM Inspector。

Cyberduck

cyberduck
我曾经用过一段时间卡车Transmit,但后来发现免费的鸭子完全能胜任我所有对FTP客户端程序的要求。我用它上传下载各种文件。使用quicksilver的cyberduck插件,使用更方便。

paparazzi!

Paparazzi
写blog的时候常常需要对网页做截图,对于比较长的网页,截图就非常难做,需要自己拼接。有了狗仔队paparazzi!就不存在这个问题了,直接输入url,就可以将网页以图片格式保存。paparazzi!还直接使用Safari的cookie,对于需要使用cookie才能访问的网页也同样可以抓取。我自己blog主题的截图就是通过这个工具抓取的。

ImageWell

Imagewell
对于一般的图片的处理,用PhotoShop就是杀鸡用牛刀了,ImageWell是一个免费的图片处理软件,小巧玲珑,可以完成各种方式的剪切,加水印,填文字,甚至集成了FTP上传等功能。

6 Comments :, , more...

blog重构

by on Jul.03, 2006, under Uncategorized

上个星期看css reboot看得心旷神怡,越看自己的blog越不像样,终于下决心给我的blog也来一次reboot。
1.干掉侧栏
无论是两拦还是三栏式的blog布局,侧栏都被过度利用了,就象一个垃圾箱,什么都可以丢进去。花里胡哨的侧栏转移注意力,而且实用价值并不高。例如包括我自己在内的很多人都有一个高耸入云的订阅图标列表,实际上排列在一起样貌相似的小图标即不好区分也不好点击。作为一个bloglines的用户,我从来没有在任何一个人的blog上费劲去找他们专门提供的订阅图标,我懒,我只点一下bloglines给我提供的bookmarklet。
2.重用底栏
Flickr是重用底栏的专家。SimpleBits是在blog布局中重用底栏的先行者。不仅是为了奖励把页面拉到最后的读者,去掉侧栏而使用底栏,内容和功能各得其所,主题内容更加突出。底栏也不象侧栏那样受到宽度局限,有更丰富地设计选择。由于在页面下方,即使内容多一些,占地大一些也不会影响主要内容的浏览。另外,我的FBO插件已经帮我搜集了我自己的有关信息,很容易就可以把它们都显示在底栏。
3.blog首页
blog首页到底放几条主题合适?我过去的选择是5条。但一个象我这样更新并不频繁,内容连续性不强,主要浏览来自于订阅和搜索引擎的blog,首页放5条主题的意义在哪里?我最后的选择是放一天的内容,将最近主题列表显示在底栏。blog的形式决定首页内容的数量。
4.内容布局
我花了不少时间,参考了很多设计,最终确定目前的内容布局方式。blog的内容象一个辞典的条目一样被展示出来,tag在sidenote的位置。每个人都熟悉辞典的布局,熟悉的布局就不会带来不舒服的感觉,自然就能理解每一部分要传达的信息。在内容右边放置了相关内容的链接,远比侧栏里几个显示月份的归档链接有意义的多,同时将这部分内容从以前每条主题的下方独立出来放在右边,功能和观感都更清晰准确。
5.配色及其他
我没有学习过任何有关配色的知识,我能做的就是找到我感觉好的配色,然后抄袭。目前的配色也是从我的blog内容出发,黑土地色系让我的blog可以显得稳重一些,划过链接时的绿色就象土地上的绿草,会给大多数人舒服的感觉,也是现在网上越来越流行的配色。没有用其他任何大的色块,或者说还没信心用,小的色块起一点点缀作用。

重构前后的效果比较:
重构前:
Oldpage
重构后:
Newpage
对于这次blog的重构,美观是促使我开始动手的契机,更好的用户体验是我的目标。欢迎有同样兴趣的朋友和我交流。
还没在IE里看过效果,不知道会不会是一团乱。。。

7 Comments :, , more...

Friends By Outline – 一个开放式社会化网络的尝试

by on Jan.14, 2006, under Uncategorized

english

开放式社会化网络的尝试有不少,比如XFN和FOAF,这两种技术都着眼于建立网络,我以前分析过,一个社会化网络应用,只有网络是不够的,至少不够有趣。
blog天然具备一些社会化网络的要素,个人提供内容,blogroll提供网络框架。个人作为互联网中的节点,除了blog,大多还会提供图片、网摘等等内容。为什么不能将这些元素组合起来,建立一个完整的开放式社会化网络呢?
第一个能想到的是把RSS作为切入点。但RSS倾向于“内容”,缺乏把节点连接成网络所需的信息。另一方面,RSS提供的语义也不够丰富。RDF也是一个 可能的选择,很容易提供资源到url的联系,语义也非常丰富,唯一的问题是结构相对复杂,当年在xml sync这一功能上RDF远早于RSS,最后RSS胜出,就败在复杂上。
再来看一下OPML。目前OPML在互联网上被广泛应用于表示RSS聚合集。其实OPML定义了语法,但并没有限制语义,用它来outline的东西几乎可以是无限的。mac上的OmniOutline就可以以opml作为文件格式之一。
以outline的方式来组织互联网中的个人节点是一个很自然的过程:

写成OPML就是这样:

<outline title=”me”>
<outline title=”blog” type=”blog”>
<outline title=”test” type=”link” htmlURL=”http://…” dateCreate=”2005-12-29 13:51″/>
<outline title=”Hello world!” type=”link” htmlURL=”http://…” dateCreate=”2005-12-29 13:48″/>

</outline>
<outline title=”bookmark” type=”bookmark”>
<outline title=”Max Design” type=”link” dateCreate=”2006-01-14 03:15″ subject=”css reference webdesign” htmlURL=”http://www….”/>

</outline>
<outline title=”photo” type=”photo”>

每个互联网上的个人节点都可以生成这样一个outline文件,在网页的head里加入一个rel是outline的<link>:

通过这个outline文件,很容易得到关于这个个人节点的内容信息,更重要的是,outline中提供了延伸的可能性,通过friend部分的链接,可 以探测朋友的outline文件,再到朋友的朋友。保证了可延伸,可被探知,并提供内容,一个Friends By Outline的开放式社会化网络就自然形成了。
outline中的内容可以不限于blog、图片和网摘。加入图书、电影和唱片,就可能产生一个开放式的豆瓣。加入To Do List,就可能产生一个开放式的43things。加入你要卖的二手货,就可能产生一个开放式的ebay。
为了实践这个这个想法,我做了一个wordpress插件,这个插件可以帮我做下面几件事:

  • 根据我提供的内容生成一个outline文件。
  • 在页面的head里加入outline文件的link。
  • 探测我的朋友的outline文件。

安装了这个插件以后,在Option中可以做如下设置:

插件可以通过这些信息和blog的内容生成一个fbo.opml文件,我的fbo.opml在这里。通常情况下,这个文件是自动生成的,不需要Force rebuild。
如果你的朋友也有这样的outline文件,你可以去Dashboard下的Friends里查看插件自动帮你搜集来的内容:

也可以通过template做一个这样的页面。这些页面也都是自动更新的。
如果你也想加入实践Friends By Outline的行列,并且在使用wordpress1.5.2以上的版本,可以在这里下载这个插件。 在plugin目录下展开。这个插件会在blog根目录下写outline文件,在plugin/fbo目录下写入搜集来的outline文件,所以你需 要赋予这两个目录的写权限。通常不需要做额外设置。同时,如果你愿意,可以要我把你加入我的Friends By Outline的Link List中,你的outline就会被包含在我的Friends页面中了。

Update: Friends By Outline wordpress v0.2

20 Comments :, , , , , , more...

社会化网络的三个要素

by on Jan.03, 2006, under Uncategorized

一个完整的社会化网络,应该由三个部分组成:

  1. 网络结构(network)。社会化网络的骨架,也就是通过什么样的技术和手段来把独立节点联系在一起。
  2. 内容(content)。社会化网络的血肉,也就是每个节点能够为这个网络提供什么样的内容。
  3. 通过网络处理内容的方式(method)。以什么样的方式重新组合和处理网络中各个独立节点的内容,好的方式将会产生量变到质变的结果。

来看看这三个要素在一些典型的社会化网络产品中是如何作用的。
Orkut,用户是独立节点,通过用户之间的关系可以建立很好的网络,除了论坛的帖子,和节点相关的内容主要是个人资料和关系,除了继续发展你的关系,这样的网络很难有更多的用处。网络结构:强。内容:弱。内容处理方式:弱。
Wallop,有一个类似Orkut的网络,以用户的Blog、照片、媒体文件等作为内容,通过网络可以方便得知属于你的网络中的其他用户的信息。网络结构:强。内容:中。内容处理方式:中。
delicious,网络结构比较松散,但网络中的节点(用户)提供大量的内容,对内容有极好的重组方式。网络结构:弱。内容:强。内容处理方式:强。
flickr,通过关系或者兴趣组成一定的网络结构,节点(用户)提供大量的内容,通过tag和group等对内容进行重组。网络结构:中。内容:强。内容处理方式:中。
没有对这些社会化网络产品进行评比的意思,只想通过这些例子说明一个问题,对于社会化网络产品,建立起一个网络固然重要,内容和内容的处理方式同样起决定性作用。
blog是一个天然的社会化网络,可以以blogroll建立网络结构,内容也是现成的,唯独缺乏的是通过网络处理内容的方式。technorati是一种处理和重组blog的内容的方式,但它基于的网络结构太松散。要让这个网络变得更有趣,我们还差一步。

5 Comments :, more...

Search

Archives

Browse by tags

agile apple blog book design ecto extension firefox git google hack ichm iphone keyword life mac madfox movie nonsense opensource plugin pm ruby rubyonrails sns software startup wordpress work 财帮子