当前位置: 主页 > T校生活 >时间轴网站大集合与网页製作元件 >

时间轴网站大集合与网页製作元件

浏览量:321
点赞:473
时间:2020-07-15
时间轴网站大集合与网页製作元件

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

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

时间轴网站大集合与网页製作元件

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

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

TimeKiwi
时间轴网站大集合与网页製作元件

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

Google Timeline
时间轴网站大集合与网页製作元件

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

Preceden
时间轴网站大集合与网页製作元件

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

TimeToast
时间轴网站大集合与网页製作元件

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

时间轴网站大集合与网页製作元件
Tiki-Toki
时间轴网站大集合与网页製作元件

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

此外,Tiki-Toki 的时间轴是以 HTML5 技术製作的,因此使用者不需要额外安装软体,只要有支援 HTML5 即可浏览,换句话说你也可以很轻易的嵌入自己的网站,不需要强迫你的使用者装 Flash 当闪电侠。

dipity
时间轴网站大集合与网页製作元件

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

Timeline Reader of Associated Press
时间轴网站大集合与网页製作元件

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

Hiiir 好时光
时间轴网站大集合与网页製作元件

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

SIMILE Widgets: Timeline
时间轴网站大集合与网页製作元件

SIMILI Widgets 相当特别,这是由麻省理工学院某个实验室的专案计画独立出来的一个开放原始码专案,提供了几个网站开发人员可能有机会用到的资料视觉化元件。其中我觉得 Timeline 是最棒的

其他开发资源
时间轴网站大集合与网页製作元件
Evolution of Web
时间轴网站大集合与网页製作元件

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

上一篇: 下一篇: