世界的无限可能性
-
2009-02-15
CSS,从工艺美术到极简主义 - [计算机与网络]
话说CSS一开始的意思,也就是把网页代码从一堆莫名其妙的<font>之类的标记下解救出来,但做强大了,真的成了艺术。比如著名的CSS Zen, 一段一模一样的文字变出几十种花样。以现在我使用的WordPress博客程序为例,全站的页面都是以Div+CSS建立,思路就是把页面各部分 用<div>标签区分和嵌套,每一个划分好的区块对应一段描述其位置和外观的CSS。不仅页面简洁美观,而且更换模板极为方便。上学期我帮助 学校建了一个小网站,使用一款国产CMS,修改页面时,只见满屏的table。本来,设置table的初衷就是为了显示表格,但因为之前没什么方法能够精 确的控制排版时的尺寸,也就使这一组标记都用来控制页面了。现在,有了借助CSS的新技术,不仅是我们将看到更美观的网页,对于制作人员,编写和维护也会 更容易。
当初在BlogBus,有一个工艺美术风格的模板,官方叫做命运之轮,看过源代码才知道来自CSS Zen的Kelmscott。Kelmscott Manor本来是威廉.莫里斯的家,工艺美术运动领袖的住宅。这一套CSS的背景葡萄叶我在一本书籍设计画册上看到了,是他为乔叟故事集设计的页面。但当时我不知道,还以为是比亚兹莱的手笔,于是把抬头的图片换成了大幅的《亚瑟王之死》插图,湖上仙女告知亚瑟王和莫林截钢剑。结果是,一位学设计的朋友看完了,也喜欢比亚兹莱,还和我在豆瓣上成了友邻。

其实,图漂亮带来的问题很多,页面载入慢不说,繁复的图画也不易突出正文,还让人有点眼花。本来,我妈妈眼睛已经有点花了,为了她能看,我都在后台把博客字体调大。结果这个花哨的网页成了阅读的障碍。
直到有一天,偶然看见阮一峰先生写的关于极简主义设计的一篇文章,我决定以后不管制作还是使用别人的模板,一定尽量追求简洁。本博客就使用该文中提到的PlainTXT提供的模板。BlogBus也换成了“我,开发者”模板,速度和可读性都有所提高。
随着带宽增加,大图片越来越不算什么。但作为我这样一个网络小节点,还是提供更好的内容为第一吧。
最后,弱弱的问一句,BlogBus这样使用人家的代码算不算侵权呢?
-
去年夏天,读了O'Reilly出版的《HTML与XHTML权威指南》,算是对互联网有了更好的理解。最近有翻了《Joel谈软件》上的一篇帖子,讲Tim Berners Lee的万维网发明初衷,也很有心得。
首先,SGML是个伟大到近乎巴别塔的设想,涵盖了各种各样的符号语言,但紧接着的问题是,这么野心勃勃的计划不是实现起来困难,而是搞明白想要干什么都很难了。于是,我们需要一种解决手头问题的工具,SGML的超子集HTML,超文本标记语言。
观看HTML从诞生到将要推出的第五版之间的差异,就能看到在这一段时间中设计者思路的变化。首先,开始的文档并不复杂,我们想要的效果与一般的文字处理差别不大:段落、标题、引用、强调和字体。但很快,我们就能发现语义与格式存在矛盾。我们感知到的文本是所要表达思想的表层结构,而其中蕴含的意思是其深层结构。这时,我们就会发现,相同的表层结构可能对应了不同的深层结构,比如同样是排成斜体字,当我们使用<i>标签时,仅表示斜体,但<cite>却表示引用。对于人类用户,除非观看源代码,否则只能从上下文中推知这一斜体的含义,但对于计算机阅读,两种文本却有着完全不同的意义。制作人员需要更丰富的特性以求美化网页,但杂乱无章的页面代码则维护困难、难于索引、充满了冗余代码。
尽管HTML也和其他计算机技术一样,不得不面临向下兼容的问题,因此,包含了很多来自“传统”的标记,但趋势上看,那些仅是为了使人类观看方便美观的设计,尽量从其中消失,让位给级联样式表(CSS),而留给HTML标记的将是纯粹的语义。鉴于此,最好的搜索引擎优化不是加一大堆热门关键字,而是尽量编写符合语义规范的文档。这既有利于计算机索引,有可以方便的进行排版样式。把字体、段落等要素用CSS处理,而XML则负担着处理元信息(对文本内信息的进一步描述,信息的信息)的任务。
语义网络的理想也即是,所有信息都界尽量定良好,方便计算机识别分析,方便人类用户读取(考虑两种信宿的不同特点),每一段信息(段的概念因时而定)对应一个URL,所有信息通过TCP/IP协议传输。 这对一般博客作者的要求其实也不难——文章写清晰,不要为了所谓的好看胡乱排版,尤其是没有必要的字体变化等。 最好加上关键词,区分引用和正文,等等。但实际上,我们已经看到太多恶心的页面了。我对页面的标准是能够用lynx浏览没有太大困难,就是成功了。 看起来不过是文章排版的技术,之所以引人兴奋,在于它指出了一条通向巴别塔图书馆的路径。及由此,我们可以构建包含各种信息而且易于索引和查询的知识库。
近来制定中的HTML5标准也包含了令人兴奋的特性,为多媒体提供了标记,并且对网页结构不再是使用<div>来划分,可以直接使用<header>这一类的标签。语义网络的梦想无疑更进了一步。
-
2007-07-06
人类在谷歌翻译中扮演的角色 - [计算机与网络]
引自: the role of humans in google search
- For more than five years, we’ve allowed users to report spam to Google. We’ve said for years that we reserve the right to take manual action on spam (e.g. if someone types in their name and gets off-topic porn as a result).
2007年7月2日 下午 06:55:00 发表者:翻译自 Matt Cutts 个人博客
— 五年多时间里,我们允许用户向谷歌举报垃圾邮件。几年来我们一直在说,谷歌保留对垃圾邮件采取人工干预的权力。(举例来说,如果某人输入了自己的姓名,却得到了离题万里的色情结果)
Google Webmaster Tools——Report spam(Cutts的链接即指向此处):
Trying to deceive (spam) our web crawler by means of hidden text, deceptive cloaking or doorway pages compromises the quality of our results and degrades the search experience for everyone.
好了,这里的Spam指的显然不是垃圾邮件,而是SEO作弊。其结果是作弊者的排名上升,而使搜索引擎的用户体验下降。Matt Cutts先生的工作之一就是反Spam的专家 。
我不觉得Google的文档中个别的错别字是个问题,只要他们发现后及时修改。但这个错误关系到Google的核心技术,而且还发布在Google中国的官方博客上。这似乎不仅仅是谁更懂中文的问题。
李卫公的长安城中有一篇《给谷歌挑挑刺》,重译了Gmail的说明文档,比如:
Search, don't sort.
搜索但不排序(这个错的太离谱了)
不用分类,只用搜索。道理差不多。
Update:本文发布后的第二天,Google黑板报的文章已改为:
— 五年多时间里,我们允许用户向谷歌举报作弊网站。几年来我们一直在说,谷歌保留对作弊网站采取人工干预的权力。(举例来说,如果某人输入了自己的姓名,却得到了离题万里的色情结果)
-
2007-06-17
Prometeus——媒体的革命 - [计算机与网络]
比较科幻,但揭示了一些问题,比如版权。毕竟,版权设立之初是为了鼓励创造。在没有现代版权保护之前,舒伯特的一首艺术歌曲可能只能为他换来一盘土豆。而现在,J.K.萝琳女士靠写书和出售电影改编权能够富比英国女王。但版权是为了保护而不是限制。如果版权制度成了大媒体商、大软件商(延伸到知识产权,比如药品也是制造业受到限制——你会发现发展中国家不能生产以下造价不高的抗艾滋病药物,因为其知识产权属于某大型制药企业)手中强大的垄断武器,那么它的作用恐怕就会走向反面。
这一视频恐怕没注意到另一个问题——Google霸权的形成。
视频中的字幕:
人即是神
他无所不在,他是任何人,他无所不知
这是Prometeus的新世界
一切开始于上世纪末互联网上的媒体革命。与旧媒体有关的一切都消失了:古登堡、版权、广播、电视、出版。
旧世界有所反应:更严格的版权限制,反对无著作权复制的新法律。
Napster, 音乐P2P公司被起诉;同时,免费的网络广播出现;TIVO,网络电视也允许播放;华尔街时报推出线上版;Google推出Google新闻。
是以百万计的人每天阅读在线报纸。数以千计的记者为Ohmynews撰写;Flickr变成了摄影史上最大的资料库,YouTube则是视频资料库。
大众的力量。
新的形势出现了:Prosumer,一个信息的生产者与消费者。任何人都可以成为Prosumer。
新闻频道变得可以在线观看。
博客变得比老式媒体更有影响力。
报纸免费出版。
Wikepedia也成为最完整的百科全书。
2007年《Life》杂志停刊。
纽约时报出售了自己的电视台并宣布未来将变更为数字版。BBC随后也这样做了。
在世界的主要城市里人们可以免费的联系。
在街角,Totem从博客和数字杂志上印制页面。
在网上,对于数百万计的人们,虚拟世界是个平常的地方。
一个人在网上可以有多个身份。
Second Life 推出语音现实化。
老式媒体反击了。
任何屏显都被加税;报纸、广播和电视由国家提供经费;从网上非法下载会被判刑。
到了2011年,引爆点来了:网上进行了公开的投资。电子纸张被大量生产:任何人都可以在这种塑料纸上阅读任何东西。
到了2015年报纸、无线电传播的电视消失了,数字电视被放弃,广播出现在了互联网上
媒体竞技场上所剩无几。只有暴龙雷克斯还幸存。网络包括了也统一了所有内容。Google收购了微软。Amazon收购了雅虎。同时,他们与CNN、BBC和CCTV变成了世界上内容提供的引领者。
静态信息的概念——书籍、文章、图片——改变了,成为了知识流。
内容发布由内容创造者、作者选择,并且变成了信息、比较与经验。
在2020年,《自由文化》艺术的作者Lawrence Lessig成为了美国的新司法部长,并宣布版权为非法。
复制五种感官的装置在虚拟世界中出现。在Second Life中真实可以被复制。
任何拥有Agav(现实化代理)的人在虚拟世界中找到信息、人和地点。
在2022年,Google发布Prometeus Agav标准界面。
Amazon创造了Place,一家复制现实的公司。你可以到火星,到滑铁卢战役,像一个真实的人一样到超级碗体育场。这就是真实。
在2027年Second Life发展出了Spirit。人们可以变成他们想成为的人。
并且分享记忆、经验、感觉。记忆销售成为了平常的交易。
在2050年Prometeus收购了Place和Spirit。虚拟生活是地球上最大的市场。Prometeus资助所有为它的客户寻找新世界的太空任务:大地现实化
经验就是新的现实。
解说:Philip K. Dick 现实化
日期:2015年四月六日
地点:未知 -
以下是人类工效学作业的一部分,这门课大约相当于工业心理学,涉及人机交互、宜人工作环境等内容。我打算制作一个网站界面设计和人机差异等方面的作业,因此翻译了在YouTube上很火的一个视频。后面还会制作一些其他内容,会逐步贴过来。
以下斜体字为视频中出现的动作。
文本是线性的
文本是直线发展的
文本被认为是直线发展的
文本通常被认为是直线发展的
当被写在纸上文本被直线发展的
数字文本是不同的
数字文本更灵活
数字文本是活动的
数字文本尤其是……
超文本尤其是……
超文本可以链接
这里……或者这里,实际上在任何地方
出现Internet Archive寻找Yahoo!1996年的网页,察看页面源代码
大多数早期的网页是用HTML写成的
HTML设计用来定义网络文档的结构
“p”是一个元素,用来标记“段落”
“LI ”是一个结构元素,标记“列表”
随着HTML的扩展,更多的元素被添加进来,包括一些格式元素,如b标记粗体,i标记斜体
这些元素定义了内容如何格式化,换言之,形式与内容变得不可分
数字文本能够做得更好,形式和内容可以被分离
出现CNN网站,点击XML图标,察看页面源代码
XML就是设计用来做这个(形式与内容的分离)的
title并不定义形式,它定义内容
link也是这样,还有description,以及这一文档中的大多数其他元素,它们描述内容而非形式,因此数据可以被输出,不受形式的约束
出现start网站,点击一博客聚合标签页,点击一期刊聚合标签页,展示博客、期刊数据通过XML聚合于一个个性化首页
出现Google,在其搜索栏中输入通过内容从形式中分离,用户不需知道难懂的代码,就可以向网络上传内容
点击手气不错
出现Blogger,点击新建博客,输入博客名“超越电子文本”,输入域名,选择模版,创建博客,出现一篇新日志“Hello World!”
出现Cnet News.com,大标题“每半秒就有一个博客诞生”,在搜索框中输入
而且不仅仅是文本
出现YouTube
出现Flickr,点击上传照片
出现堪萨斯州立大学人类学俱乐部网站,呈现照片
出现Google,在搜索框中输入:
XML促进自动数据交换
两个网站能将数据“混合”在一起
用Google搜索“Flickr”和“Maps”,点击手气不错
出现Flickr上照片以地理位置分类的网站
在浏览器Diigo工具条搜索框中输入
谁将组织这些数据?
使用FireFox浏览器Del.icio.us插件加Tag
加入Tag 人类学、Web2.0
使用Diigo浏览器搜索框输入
我们将,你们将(组织这些数据)
出现Google,在搜索框中输入
XML加上你我创造了一个数据库为后盾的网络
一个数据库为后盾的网络是不同的
我们就是网络
出现Wired文章《我们是网络》
高亮句子呈现:
我们发帖并给图片加Tag,我们就在教会机器;每一次我们制作链接,我们交了机器一个想法。想想看人类每天在网页上进行一万亿次点击,教会了机器。
使用Diigo的页面标注功能,给页面上“教会了机器”一句留言:
机器就是我们
机器“使用”我们
数字文本不再仅仅链接信息……
超文本不再仅仅链接信息……
网络链接人……
Web2.0链接人
人们分享、交易与协同……
出现维基百科Web2.0词条页面,点击“编辑该页”
在编辑框中输入:
我们需要重新思考一些东西……
我们需要重新思考版权
我们需要重新思考原作者
我们需要重新思考身份
我们需要重新思考种族
我们需要重新思考美学
我们需要重新思考修辞学
我们需要重新思考政府治理
我们需要重新思考隐私
我们需要重新思考商业
我们需要重新思考爱
我们需要重新思考家庭
我们需要重新思考我们自己
作者:Micheal Wesch 堪萨斯州立大学文化人类学副教授
数字人种学
音乐来自DEUS《There's Nothig Impossible》
使用CC版权发布,署名、非商业使用,相同方式共享









