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

目前還有很多與時間軸有關的網站,讓我來一一介紹這幾個網站與相關的開發資源,或許你也可以開發出一個不錯的時間軸應用,記得要上來 Inside 分享一下呀~ :p
評論
評論

(圖為 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 技術製作的。


疫情竟使童婚比例暴增?2023 年前將新增 400 萬女童被迫成婚

全球有無數女童正在面臨貧窮、家暴、性別暴力、失學的困境,在動盪不安的 Covid-19 威脅下,女童遭受的生命危機更勝以往,而你我都不該漠視。立即加入世界展望會的資助兒童計劃,不再讓悲劇發生。
評論
Photo Credit:世界展望會
評論

在新冠疫情、武裝衝突的影響下,阿富汗女性與兒童正面臨重大威脅,不僅人身自由、教育、工作等權利備受衝擊,近期更傳出 12 歲女童被強擄配婚給軍人的消息,使當地長期存在的「童婚」問題更加嚴重。事實上,不只是阿富汗,全世界仍有無數女童深陷在不安與恐懼中,面臨童婚、童工、貧窮,以及女性割禮等殘酷傳統文化等挑戰,這一關又一關的生存考驗,只因為她們是女生。

女童困境恐怕比你想像的嚴重——關於性別暴力、童婚

根據聯合國統計,每年有 1,200 萬未成年女童結婚,她們大多是因為民間習俗或經濟弱勢而被迫成婚,婚姻不僅逼迫這些女童放棄學業,其遭受家暴的風險也將大增,甚至被迫從事性行為,使得尚未發育完全的身體備受負擔;許多未成年少女因為懷孕或分娩併發症死亡,嬰兒胎死腹中或夭折的機率也更高。

來自緬甸的 17 歲少女荷拉(Hla)就曾是性別暴力與未成年婚姻的受害者。在她12歲時,一場重病帶走了她的母親,而酒精成癮的父親根本顧不了這些孩子,因此荷拉被迫離家、在街上討生活。為了尋求避風港,荷拉甚至嫁給了大她 15 歲的男子,並在 14 歲成為一名母親,但生下孩子沒多久後,丈夫便另尋新歡,留下荷拉和孩子相依為命。無助的荷拉為了不讓孩子跟著吃苦,只能忍著思念的痛苦,把孩子送到安置機構。

Photo Credit:世界展望會/荷拉小時候常跟著爸媽到各個城市的慶典或嘉年華活動兜售玩具,並以此維生。然而非常微薄的收入,根本無法支撐荷拉與 13 個兄弟姊妹的生活。

幸好在荷拉最低潮的時刻,遇上了世界展望會。在世界展望會的協助下,除了支持荷拉重建身心健康,也提供她職業訓練的機會,培養一技之長。僅管有些髮廊仍因荷拉的經歷而不願接受她,但在世界展望會的引薦下,現在的荷拉已找到一份穩定的髮廊實習工作,每月都能賺取 20 美元的薪水,並和同事們住在一起、彼此照顧。從街頭遊童到髮型設計師,荷拉因為世界展望會出現在她的生命中,而有了希望。

Photo Credit:世界展望會/荷拉說:「我住在街頭時,常常受到男性的輕蔑和不尊重。即使我根本沒有做錯事,也常常得躲避警察取締,生活充滿恐懼和不安。很感謝世界展望會的幫助和支持,我才能把自己的人生拉回正軌,創造更好的未來。」

女童困境恐怕比你想像的嚴重——關於失學、文盲、童工

荷拉的故事絕不是少數案例。事實上,許多女童不只遭受可怕的性別暴力,也因為貧窮或環境動盪,而被迫放棄受教育的權利,成為失學的童工,甚至不得不從事對身心發展有害的勞動工作。根據聯合國資料,全球童工人數在疫情的影響下,20 年來首次增加至 1.6 億;而全球約 7 億人口的文盲當中,女性就佔了 2/3。困在社會底層的弱勢女童,身心備受煎熬,急需你我關注。

印度女孩珊蜜拉,便是弱勢女童的縮影之一,遭遇令人心疼。珊蜜拉(化名)原本是個熱愛上學的女孩,14 歲時由於家中經濟無法負擔她繼續升學,因此被送到孟買與姊妹們一起工作,幫助家中生計。當時,珊蜜拉請妹夫幫她找工作,沒想到卻是噩夢的開始,妹夫將她送到人口販子手上,珊蜜拉被推入妓院工作,並經歷長達三個月地獄般的生活。

「只有我工作了才會有飯吃。如果我不工作,妓院老闆、甚至是客人就會拿皮帶打我。我被迫喝酒、他們會拿菸燙我的手。我一直在哭,求他們放我回家。」後來珊蜜拉得知自己陷入險境是受親人所害,整顆心都碎了。

Photo Credit:世界展望會/珊蜜拉好不容易說出那段記憶:「我經歷的那些,希望沒有其他任何女性需要經歷。我承受了非常多的痛苦,那是一段很難熬的時期。白天會有 12 到 14 個男人,晚上則會有 15 到 16 個。一整天工作完後,所有的女孩會被送到荒郊野外中的一棟建築物裡休息,整間房間裡只有一扇窗戶。因為太偏遠,即便我們大吼著求救,也沒有任何人會聽到。」

終於有一天,珊蜜拉和其他女孩們的工作場所遇到警察臨檢,珊蜜拉便趕緊抓住機會向警方求救。成功獲救的同時,同樣在場的妹夫和妓院老闆也遭到警方逮捕。接著,珊蜜拉花了數個月的時間輾轉換了好幾間避難所,最後終於回到家人身邊。

在家人的陪伴以及世界展望會的支持下,珊蜜拉終於踏上復原之路。由於人口販運的受害者往往受到許多暴力與虐待而留下嚴重陰影,這段遭遇遂成為她們心中無法說出口的痛,且大多數受害者因地處偏遠、經濟貧困,或是覺得丟臉、自責等心理因素,難以取得身心重建的專業支持。因此,世界展望會提供包括創傷後症候群、焦慮、憂鬱、恐慌、斯德哥爾摩症候群、藥物濫用等醫療與心理照護,讓更多像珊蜜拉一樣遭遇創傷的女童,得以重建生命。

Photo Credit:世界展望會/珊蜜拉現在加入了印度世界展望會的受害者支持團體,踏上了復原之路。

你有力量打破女童困境:資助 1,000名 女童,扭轉 1,000+ 個家庭命運

在 Covid-19 的疫情衝擊下,脆弱國家的資源更加緊縮,這也讓兒童面臨前所未有的考驗。世界展望會的分析報告指出,2020 年 3 月全球疫情爆發後,與 2019 年相比,童婚案例在許多社區暴增了一倍以上;而童婚的增幅速度,更攀升到25年來最高,若無法改善,預估 2030 年前全球將再增加 1000 萬名兒童新娘。

對於女童而言,貧窮、家暴、性別暴力、失學等問題是無法分割的,這些威脅往往彼此連動、加乘,為女童的生命帶來嚴重打擊。但從上述的實際案例可以發現,受困女童的命運並非不能扭轉,只要世界上某個角落的某一個人願意付出行動,女童的生命就有希望曙光。

世界展望會推動「資助 1000 個女童 挺聲而進 願景無懼」行動,期待在 10 月 11 日女童日前,能為 1000 個女童找到資助人,每個月 700 元,就能翻轉一個女童的生命,為她提供安穩的生存環境與受教權,並將這份改變延伸至女童的家庭與周遭社區,帶來正向影響力。讓我們一起阻止女童悲劇再次發生,現在,就加入改變世界的行列!