前言：轉(zhuǎn)前端已經(jīng)一個(gè)多月了吧，學(xué)習(xí)Nodejs并寫(xiě)了APIs這個(gè)項(xiàng)目，你們可以在GitHub上面找到這個(gè)開(kāi)源的項(xiàng)目。
附上github的地址
https://github.com/kangschampagne/APIs
這里要特別感謝多年的朋友Vango 給我的指導(dǎo)。
基于這個(gè)開(kāi)源的API，還因?yàn)槟硞€(gè)契機(jī)(特別重要)，我便用兩天的時(shí)間去調(diào)試廈門(mén)公交的API和功能網(wǎng)站。
界面動(dòng)效手稿
因?yàn)槭切【W(wǎng)站，就沒(méi)有用其他工具去畫(huà)原型圖，那就放上來(lái)保存著。
頁(yè)面沒(méi)什么功能比較特別的，因?yàn)閭€(gè)人比較喜歡動(dòng)效，因此就寫(xiě)了一部分個(gè)人認(rèn)為較好的交互效果，或許我應(yīng)該再去翻翻那幾本壓箱底的UX的書(shū)。
最近在念兩本書(shū)，推薦一下，一本是JS高級(jí)編程，一本是CSS揭秘，這兩本一本經(jīng)典，一本可謂css進(jìn)階的必看讀物。
當(dāng)然APIs里面還有集大圖書(shū)館，因此，先畫(huà)好線圖和原型，再開(kāi)始動(dòng)手寫(xiě)吧。
那就先記錄這么多了。
文章最后附上網(wǎng)站地址和截圖： AmoyBus - Kagen → http://bus.roundups.top
線路查詢(xún)頁(yè)面
線路查詢(xún)頁(yè)面
線路查詢(xún)頁(yè)面
實(shí)時(shí)路況頁(yè)面
實(shí)時(shí)路況頁(yè)面
