时间轴网站大集合与网页制作组件

新闻 标签: 时间轴网站

(图为 Timekiwi 网站的使用者个人页面,可以将 Facebook、Twitter、Instagram 等服务上的讯息整合在同一个时间轴上)

如果有在使用 facebook 的朋友,最近应该已经渐渐开始有机会使用到新版的时间轴接口了,尽管网友对于时间轴的接口褒贬不一,但实际来看,时间轴的浏览接口有几个好处:

 迅速看到你与朋友的美好回忆

 迅速认识一位新的朋友

 看起来比较厉害,尤其使用者可以选择性的放大某些讯息

 时间轴浏览接口可以方便的让你新增过去发生过的人生大事

其实时间轴接口不是创举,以国人爱用的服务 Plurk 噗浪来说,很早就有横向滚动条的时间轴页面了。

(图为已经关闭的 Nifty Timeline)

日本前 25 大、全球前 300 大的入口网站 Nifty 在几年前也有很棒的时间轴服务,使用者可以在在线建立各式各样的时间轴表格,例如帮政治人物写编年史、把自己交过的女朋友都放到时间轴上,不过后来或许是 因为 Nifty 找不到获利模式,或是使用率太低,目前这个服务已经GG了,唯一能看到的剩下网站的联机帮助页面。

(有读者表示 GG 是宅男用语,我特别说明一下,GG 是在线游戏玩家用来表示「这场打得真好!」,也就是「Good game!」的缩写,有点类似 good job,后来反正不管是赢是输,总之快结束了就可以喊 GG 了,也有玩家表示,GG 是 “Good bye, Garbage” 的缩写)

扯远了,其实目前还有很多与时间轴有关的网站,让我来一一介绍这几个网站与相关的开发资源,或许你也可以开发出一个不错的时间轴应用,记得要上来 Inside 分享一下呀~ :p

TimeKiwi

(图为我的 Twitter + Instagram 串在一起之后的时间轴)

TimeKiwi 是最近几天才推出的新服务,很显然的是在向 Facebook 致敬,使用者除了可以将 facebook 上的讯息呈现在 Timekiwi 之外,还可以将 Twitter、Instagram、Tumblr、Flickr、Foursquare 等当红网站的数据拉进来一并在同一个时间轴呈现,我个人认为这个概念挺不错的,早期的 FriendFeed 提供的功能就是单一接口整合来自多个服务的讯息,现在光是加个时间轴,好像就是另外一个不错的服务了。(微创新,Micro innovation)

Google Timeline

Google Timeline 不是一个服务,而是 Google 公司简介的其中一个页面,网页上以横向时间轴的方式呈现了 Google 公司从创办以来的关键里程碑。点击画面上的连结会出现的则是事件的简介,这算是相当阳春的时间轴应用。

Preceden 

Preceden的时间轴功能看起来是相对单纯的,做起来其实很像一般的甘特图,而且看起来简简单单的功能,居然是要收费的(尽管看起来不贵)。

TimeToast

TimeToast 的服务看起来稍微炫一点,除了依时间序列呈现资料之外,直接就可以看到各个时间点的信息内容,可惜的是时间轴的绘制使用的是 Flash 的技术,在这个 HTML5 当道的年代,加上越来越多人使用行动装置浏览网站,已经宣称不继续发展的行动版 Flash 势必会逐渐式微,这是网站经营者必须面对的议题

(图:看起来似乎有学生利用 TimeToast 做了台湾贸易史的 Timeline)

Tiki-Toki

Tiki-Toki的时间轴看起来很炫,制作出来的时间轴图表不仅可以包含多媒体的内容,还能自定样式、背景图片,如果好好设计肯定可以做出很棒的时间轴图表。

此外,Tiki-Toki 的时间轴是以 HTML5 技术制作的,因此用户不需要额外安装软件,只要有支持 HTML5 即可浏览(当然,HTML5 目前还是个尚未定案的标准 :p),换句话说你也可以很轻易的嵌入自己的网站,不需要强迫你的使用者装 Flash 当闪电侠。

dipity

 

dipity目前首页的时间轴是刚过世不久的苹果计算机创办人 Steve Jobs 的生平年表。

Timeline Reader of Associated Press(美国联合通讯社)

Timeline Reader是美国联合通讯社的实验室产品,利用时间轴接口让用户浏览、阅读新闻。

Hiiir 好时光

Hiiir 好时光,这是国人自制的时间轴部落格外挂,早期是用来让部落客、网站经营者可以利用他们提供的时间轴外挂来呈现网站上的文章、数据,并且将时间轴外挂作为广告嵌入的工具,协助网站创造另一种获利的可能。

SIMILE Widgets: Timeline

SIMILI Widgets相当特别,这是由麻省理工学院(MIT)某个实验室的项目计划独立出来的一个开放原始码项目,提供了几个网站开发人员可能有机会用到的数据可视化组件。其中我觉得 Timeline 是最棒的(其他的应该都有更好的替代品)

其他开发资源

 jQuery Timelinr 网页上的 demo 效果不错,不过这看起来比较适合拿来接案XD

 Pure CSS Timeline 很不错的一个范例,单纯利用 CSS 的技巧将列表(也就是 HTML 中的 li 标签)以时间轴的方式呈现。

 TimeGlider 本身是一个制作时间轴图表的网站,同时也提供了一个 jQuery 的外挂:(timeglider.js)[http://timeglider.com/jquery/]

Evolution of Web(因特网的演变)

最后再补充一个时间轴图表的运用,Evolution of Web不是让网友制作时间轴图表的工具,而是以时间轴来呈现 HTTP 通讯协议、Web 与各家主流浏览器自 1990 年以来的演进。当然,这个网站是利用 HTML5 技术制作的。

本文转载自inside,点击查看原文

posted @ 2012-04-03 23:05  永哥  阅读(902)  评论(0编辑  收藏  举报