失控的鐵道安全:臺鐵的改革為什麼一直失靈

Avatar of 溫凱傑.
Avatar of 溫凱傑.

失控的鐵道安全:臺鐵的改革為什麼一直失靈

Front-end Developer
Taipei City, Taiwan
 

| Site Link

https://www.readr.tw/project/3/train408


以捲動式影片的方式,帶領讀者深入了解太魯閣出軌事件的原因,並進一步討論台鐵整體的問題,期待避免憾事再次發生。捲動式效果採用報導者的開放資源工具,並實作多個捲動式影片跳轉的功能,並在文章區塊實作表格、第三方互動圖表及問答區塊。


> 技術摘要

- 以 Nuxt.js 創建專案

- 以報導者開源套件,製作捲動式影片效果

- Sass/SCSS 撰寫樣式結構與響應式設計

- 製作內文表格,及嵌入第三方互動式圖表

- 製作文末問答區塊

以捲動式影片的方式,帶領讀者深入了解太魯閣出軌事件的原因,並進一步討論台鐵整體的問題,期待避免憾事再次發生。捲動式效果採用報導者的開放資源工具,並實作多個捲動式影片跳轉的功能。
Avatar of the user.
Please login to comment.

Published: Aug 6th 2022
29
8
0

Tools

sass
SASS
vuejs
Vue.js

ScrollyTelling
Vue.js
Nuxt.js

Share