您当前的位置: 首页 > 旅游

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

2019-01-10 17:13:06

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

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

迅速认识一位新的朋友

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

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

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

其实时间轴接口不是创举,以国人爱用的服新能源汽车务 Plurk 噗浪来说,很早就有横向滚动条的时间轴页面了https://www.iyiou.com/weixiubaoyang/,汽车后市场。

(图为已经关闭的 Nifty Timeline)

日本前 25 大、全球前 300 大的入口站 Nifty 在几年前也有很棒的时间轴服务https://www.iyiou.com/qichejinrong/,汽车金融,使用者可以在建立各式各样的时间轴表格,例如帮政治人物写编年史、把自己交过的女朋友都放到时间轴上,不过后来或许是因为 Nifty 找不到获利模式https://www.iyiou.com/zidongjiashi/,自动驾驶,或是使用率太低,目前这个服务已经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 好时光

新零售.com/xinlingshou/" target="_blank">新零售

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

SIMILE Widgets: Timeline

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

其他开发资源

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

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

TimeGlider 本身是一个制作时间轴图表的站,同时也提供了一个 jQuery 的外挂:()[]

Evolution of Web(因特的演变)

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

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

推荐阅读
图文聚焦