【Inside】時間軸網站大集合與網頁製作元件
【Inside】時間軸網站大集合與網頁製作元件

(圖為 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部落格

往下滑看下一篇文章
2026 Meet Taipei徵展開跑!11/19台北圓山花博七大展區,早鳥優惠8/31截止
2026 Meet Taipei徵展開跑!11/19台北圓山花博七大展區,早鳥優惠8/31截止

2026年,是Meet Taipei舉辦的第13年。這段期間,《創業小聚》與全台灣的新創團隊一起成長。就算過了13年,我們仍為新技術感到興奮(相信你也是),但更在意它能不能真正落地變成訂單、變成合作、變成收入,甚至變成台灣新創圈重要的里程碑和養分。

這也是Meet Taipei的價值所在,持續放大媒合密度與商業轉換率,比單純的曝光聲量更值得關注。

2025年,我們用數字交出成績單:三天觀展人次突破5.5萬人、超過400家新創齊聚台北,促成536組商機媒合。這代表什麼?意味著走進Meet Taipei攤位前的人,愈來愈多是帶著明確需求而來,他們在找趨勢、找技術、找供應商、找投資標的、找尋下一個合作夥伴。

#4 2026 Meet Taipei
2025 Meet Taipei 三天吸引超過 5.5 萬人次觀展
圖/ Meet

今年的Meet Taipei以「Founders of Tomorrow: Shaping the AI Age」為主題。當AI把每一位創業者、每一家企業都放回同一條起跑線,真正拉開差距的關鍵,是誰先一步看見機會,並且有勇氣把手弄髒。

所以,別只是站在展場外看這場AI轉型。站上場成為造浪者,讓市場看見你怎麼定義它。

為什麼你應該來參展?

第一,掌握具有含金量的人流

Meet Taipei不只是一場開放給大眾的創新創業嘉年華,更是一個由中央部會、地方城市、全球新創、企業專館、跨國企業共同組成的產業現場。走進展場的觀眾,早已被論壇議程、產業專區與媒合機制分流引導到與自己需求相符的展區。來到你攤位前的,很可能就是正在找你這類解方的人。

第二,媒合已成為機制

展期間我們透過投資人媒合會、企業創投會客室等閉門機制,主動把你和潛在投資人、企業採購方安排到同一張桌子。2025年,投資人媒合會邀集近20家指標創投與企業創投進行一對一媒合;企業創投會客室則促成19家企業創投與52家參展新創的深度對談。

#1 2026 Meet Taipei
Meet Taipei 透過一對一媒合,促成新創與投資人、企業深入交流
圖/ Meet

第三,國際買家與夥伴不必你自己開發

2025年國際館匯聚來自20個國家、超過100組國際新創與加速器夥伴,日本、香港、加拿大、韓國團隊尤其活躍。想找跨境合作或驗證海外市場的團隊,這裡讓你一次接觸到平常要花數月才能約到的國際窗口。

第四,曝光紅利近新台幣5,000萬元

2025年Meet Taipei會後網路報導達603則,是前一年的兩倍;展會期間也有重要公部門代表到場,帶動主流媒體同步報導。你的品牌能量會自然搭上這波媒體聲量,但這不該是你來參展的主要理由,真正的理由,還是攤位前那些帶著問題走進來的人。

#3 2026 Meet Taipei
國際新創與生態系夥伴齊聚 Meet Taipei,拓展跨境合作機會
圖/ Meet

七大展區,對應七種市場機會

2026年,Meet Taipei展區整併為七大主題,聚焦當前最具成長動能的產業方向:

行銷與零售科技:給正在協助品牌與零售商提升行銷效果、顧客體驗與電商營運的團隊。

企業營運效率:給人資、財務、法務、資安等企業內部流程數位化工具的團隊,這是跨產業需求最廣的一區。

醫療與健康科技:給醫療器材、健康管理、遠距醫療與生技數位化應用的團隊。

綠色永續:給節能減碳、ESG合規與永續供應鏈解方的團隊,供應鏈碳盤查壓力正快速壓向各產業。

#1 2026 Meet Taipei
多元創新團隊齊聚展區,與市場需求直接交流
圖/ Meet

數位資產與新金融:給加密貨幣、Web3、數位資產與新金融服務的團隊。
智慧製造與軟硬整合:給工業IoT、智慧工廠、機器人與製造業數位化解方的團隊,含電動車與車用電子。

AI基礎建設:給GPU伺服器、雲端運算、地端部署與AI訓練推論基礎設施的團隊。

新創團隊之外,Meet Taipei也保留企業專屬的「創新驅動」展區,以及生態系夥伴(創投、加速器、共享辦公室)專屬展區,讓不同角色都能在對的位置被看見。

方案及徵展資訊

參展方案 點此,早鳥優惠將在8月31日截止,之後將調整為晚鳥價。

2026 Meet Taipei 創新創業嘉年華
• 日期:11/19(四)-11/21(六)
• 地點:台北圓山花博園區
• 報名管道:Meet Online 新創線上社群平台 點此
• 聯繫窗口:meettaipei@bnext.com.tw

#0 2026 Meet Taipei
在 Meet Taipei 相遇,讓一次交流成為下一次合作的開始
圖/ Meet

AI重寫了規則,你來定義時代!
早鳥優惠8月31日截止,11月19~21日,台北圓山花博園區見。

關鍵字: #創業小聚

登入數位時代會員

開啟專屬自己的主題內容,

每日推播重點文章

閱讀會員專屬文章

請先登入數位時代會員

看更多獨享內容

請先登入數位時代會員

開啟收藏文章功能,

請先登入數位時代會員

開啟訂閱文章分類功能,

請先登入數位時代會員

我還不是會員, 註冊去!
追蹤我們
台達電全解讀
© 2026 Business Next Media Corp. All Rights Reserved. 本網站內容未經允許,不得轉載。
106 台北市大安區光復南路102號9樓