当前位置

网络

2007中文网志年会印象

黄冬和我说:从来没有在一个会上看到这么多的 Macbook. 这充分说明了网志年会的格调:口头说是草根,但心里一直觉得自己很精英;给自己贴上非主流的标签,其实是想颠覆主流取而代之。

这只是一个小圈子的聚会,放在一年多前,我或许还可以和这个圈子扯上一点关系,但现在好像已经没有任何联系。要不是 python-cn 上的 Bruce Wang 将我加入联络家的群组,我几乎要忘了本届年会在北京召开的事情。

其实还是改名叫"web2.0年会"更恰当,会议的中心是研讨web最新的应用、草根阶层/弱势方自我意识平等意识的增强、UGC/网络协作对传统权威的影响。说实话搜狐的博客大会都比这个更名副其实一些。

感觉人群实际可以划分为几个团体:创业圈、教育、wiki圈(如果算上译言的话应该叫 web 协作团体)、NGO/网络公益组织、反抗言论管制者、以及少许技术爱好者(这样可以把我们哥俩归类进去)。安猪张雷、还有庄秀丽老师获得的掌声最多。

年会的一大亮点就是 jiwai 提供的互动平台。明年搜狐如果举行第三届搜狐博客大会,我一定会建议加上类似的功能,:)

独立的来看各个演讲人和嘉宾都挺吸引人的,但是想放在一起讨所有人的喜欢这就犯了产品设计的大忌...还是设立不同的分会场更好一些

Topic: 

圈子是个伪命题

OPERAMINI BLOGGING......长话短说

我本能地排斥束缚和庸俗化,所以一想到如果加入某个圈子就要被迫证明或者表现什么我就不寒而栗.虽然为了生活或者社会驱动我已异化很多,但要是在网络上仍如此行事也未免太过悲哀.而且我认为有智识的人都是这般思维.

当方刚在一次对话中提起搜狐圈子的时候,我实在很想说:这个模式我一开始就不看好.(不过他后来提炼的要点我基本能理解,如果是公司产品战略的话是可以让人信服的)

人和人的互动只能用圈子来规范和模式化么?圈子是人和权威(比如公司业务,比如潜规则)的互动,而不是人的本能

现在的SNS/社会网络服务设定圈子(或小组)里的行为,就如同十年前雅虎用目录来做搜索一样,是不会有什么生命力的.一但GOOGLE那个小搜索框出现,目录模式立即被击得粉碎.

Topic: 

生成 Google 翻译效果页面工具

这个题目有点长还有点拗口似乎。

话要说到去年底我翻译的这篇 web.py 0.2 教程,这个页面发布不久后,收到一封陌生人的 email,问我这个页面是手工做出来的,还是用工具做的。我据实回答。他说能不能做个工具自动做呢?我还真没想过这个问题,平时也很少翻译东东,所以就不了了之。但他的“拷问”倒是一直敲打着我。

最近 jQuery 玩了玩,于是做了这个工具来练手。如果要做到跟被翻译的页面风格一致,应该要另写一个程序去解析页面,把什么 <h1>、<p> 之类的拆出来,万一页面要是用 <div id="..."> 去控制格式,那就更不知该如何处理了,困难不小,头比较大,没有继续这个更高的需求。

欢迎有需要的人试用生成 Google 翻译效果页面工具

Topic: 

jQuery 初探


记得两年前刚开始玩 flickr 的时候,贴心的使用体验一下子就征服了我。其中对一个更改照片主题的效果印象尤其深刻:鼠标移到照片的主题上,这条文本背景变成淡黄色;左键点击,文本变成输入框;输入新名字后回车,名字更改完毕。整个过程不像在操作网页,倒是像在使用文本编辑器。

由于对 html,javascript 所知甚少,隐藏在这神奇效果后面的技术令我叹服不止且念念不忘。随着后来看了一点点 Ajax 方面的东东,感觉到这应该是页面上的元素替换。这两天尝试了一下 jQuery,想起了这个当年让我耳目一新的页面效果,实现之:

  1.  
  2. $(document).ready( function() { //网页 ready 后加载此方法
  3.     $('span[id=email]') //定位到<span id="email">元素
  4.         .mouseover( function() { $(this).css("background-color",
  5. "#ffff90") }) //鼠标移上<span id="email">元素后改其css里background-
  6. color的值
  7.         .mouseout( function() { $(this).css("background-color",
  8. "white") }) //鼠标移离<span id="email">元素后改其css里background-
  9. color的值
  10.         .click( function() { //给<span id="email">元素绑定 click 事件
  11.             var origEmail = $(this).text() //取得<span>元素包含的文本
  12.             $(this).hide() //隐藏自身
  13.             $('<input name="email" value="' + origEmail + '" type="text"/>') //创建
  14. 一个<input>元素其值为原来的 email
  15.                 .appendTo("div#email") //把该元素添加到<div id="email">中
  16.                 .focus() //把焦点移到该元素上
  17.                 .keydown( function(ev) { //绑定 keydown 事件
  18.                     if (ev.which == 13) { //回车的键盘 key code 为 13
  19.                         var email = $(this).val() //取出<input>元素此时的值
  20.                         $(this).remove() //移除该<input>元素
  21.                         $('span[id=email]').text(email).show() //显示
  22. 原来的<span>元素并将 email 添加其中
  23.                     }                  
  24.                 })
  25.         })
  26. })

完成后,心情一阵悸动,哈哈,好久没这么爽了,两年来压在心头的谜团就这么解掉了。

示例页面:input_replace_span.html

更新:

上面的代码是精炼过的,本来面目可不是这样,花了许多时间 refine,将收获总结如下

1.用 hover 的方法可以替换 mouseover 和 mouseout,将两句话写在一句里面。但是在这个地方,hover 却还有些问题,input 变成 span 后,有时鼠标不在 span 上,它的背景色仍然是淡黄色(Fx 有此问题,IE 没有)

2.attr 修改属性的方法固然好,但是对于 style 属性因为 css 里面又有各种描述,所以 jQuery 做一个 css 方法不是白做的,理由见回复

3.在匿名函数里面,本元素用 $(this) 表示就 ok 了,没必要再用 selector 定位一次

4.span 在被 input 替换的时候,不用 remove,只用 hide 即可,到需要它的时候再 show 出来。这种方法明显对性能有好处,否则如果 remove 掉再 appendTo 进来时,还要重新绑定一系列事件响应函数

5.jQuery 的 API 文档里面对事件响应内的匿名函数的参数没有言及,它是可以传递参数的,代码里的 keydown 事件就传了 ev 进去

6.对于键盘响应的 key code,Fx 和 IE 支持的标准不同,网上的示例基本都是 key=window.event?ev.keyCode:ev.which 这样解决的。jQuery 包装了一层,所以在这里用 ev.which 即可

7.可以将 appendTo,keydown,focus 这些函数写在一条语句里面,不过保证性能的同时也要兼顾代码可读性

Write Less, Do More. Let's Go!

附件大小
HTML 图标 input_replace_span.html1.7 KB
Topic: 

FT 中文网的邮件列表服务不错

亲爱的会员:您好!

    感谢您曾经注册为FT中文网的会员。然而,在过去的两个月内,我们发现您
很少从您订阅的《今日焦点》或是《周五文摘》邮件中进入FT中文网的文章页面
进行浏览。不知道是因为繁忙的工作使您无暇阅读,还是 我们的邮件内容不够吸
引您?还是您更习惯通过自己登陆首页去浏览而不是通过邮件的标题进入文章页
面?

    虽然目前我们暂时中止了为您发送邮件,但我们希望给您善意的提醒:如果
您希望继续保留《今日焦点》邮件的订阅服务或是改为订阅 《周五文摘》,只需
点击以下按钮,我们将会重新为您发送,并在今后为您提供更多精彩的内容与丰
富多彩的会员活动。而如果您不再需要任何邮件服务,而是习惯直接通过登陆FT
中文网浏览文章,您可以直接点击以下的退订按钮,从此,我们将不再为您发送
邮件。

   在您不常登陆FT中文网的这段时间,我们增加了不少新的内容与功能:由FT
中文网经济评论员陈旭敏撰写的专栏《第一时间解读》及《财富管理》专题,
涵盖了当今经济社会中诸多热点问题,引起了读者的强烈反响;根据读者点击
量排列的十大热门文章中,与中国股市密切相关的文章内容精辟、眼光独到;
近期,我们还开设了名为"FT中文网博客"的栏目,邀请众多读者加盟。在功能
方面,我们增设了RSS功能,以便您随时定制个性化内容,把FT中文网变成完全
符合您口味的权威财经资讯源。

    我们期待您尽快回到FT中文网!

    P.S如果您有任何技术上或其它方面的疑问与意见,烦请您写信至foo@bar,
我们将立刻为您解决。

所以请放心订阅 FT 中文网的列表吧

介生活啊,揍像是一场电影

今天下午,参加了王小峰的《十面埋妇》的首映式。

领T恤一件,普洱茶一小盒,在门口一张大布上签名一个,估计可能是人比较多,轮到我那支笔没水了,也没有换支笔,我非常帅的签名只能若隐若现了(似乎更帅了,哈哈)

看到了一干名人,罗永浩,窦文涛,马东,王小丫,木子美。我最想见的韩乔生老师没见到,唉……

电影讲一个女人(小精子饰)怀疑自己的老公(可研饰)有婚外恋,找一个侦探公司的人(平客饰)帮她跟踪调查,最后的结果,她发现是自己疑神疑鬼。

不过,由于我最后有点什么事干扰看电影,结尾没怎么看全,似乎是那个男的确实搞起了婚外恋(如果没有这个结尾,小精子在便道上随着欢快的音乐面带笑容心情轻松地走,然后就THE END,观众的心情似乎也应该会轻松不少)

看完电影后,最强烈的感受是,平客的天津话“介生活啊,揍像是一场电影”会流行起来。

另外,本blog的时间已经有很长一段时间不正常了,今天是21日,作为经常发文的qyb同志,唉,不知他是怎么搞的,这点都注意不到?

推广 Firefox 一招

今天经历了一件事,使我觉得推广 Firefox 应该从明星/大众偶像开始。

谋智(Mozilla 中国公司)派人调查一下谁在网上一呼百应,谁最能吸引年轻人,谁的 fans 最多,比如说徐静蕾,比如说李宇春,比如说李承鹏,比如说黄健翔,然后派专人教她/他用 Firefox,然后写软文,发各种酷酷扩展的截图在其 blog 上,让这帮 fans 感觉到使用 Firefox 是一种非常 in 非常时髦的行为,你不用你就 out 了,你就赶不上潮流了,你就土鳖了,你就落伍了,再派专人回答这些 fans 用 Fx 后提出的问题,做好售后咨询工作。

相信推广效果一定非常显著。

Topic: 
订阅 RSS - 网络